September 26, 2022 at 7:04 am #12062
Just anonther ‘small’ problem with my page. We use Divi Themes and it seems that it is not possible to view pictures with the original aspect ratio. We always get a square picture on all devices.
I tried to use a size= tag in shortcode, but coudn’t find an explanation of allowed values in shortcodes.
To view on a testpage
Could you give me a link to suitable shortcode values ?
Or is this a Divi problem?
Thanks for ideas
DieterSeptember 27, 2022 at 12:33 am #12067September 27, 2022 at 5:43 am #12071September 29, 2022 at 1:17 am #12075
@dieterho : I will check your page and provide you the solution soon.
TikaramSeptember 30, 2022 at 1:51 am #12076
@dieterho : Manually, to embed Instagram Feed on posts and pages, add the [catch-instagram-feed-gallery-widget] shortcode to a post or page. The shortcode will display Instagram Feed in different ways, depending on how you use the optional attributes to customize the Instagram Feed.
* title: Title for Instagram Gallery.
* type: Select how you want to display instagram content, by username or by hashtag.
* username: If username is selected, Instagram account’s username of which you want to display feed else any tag name you want to display (example: books).
* layout: Different layout do show your instagram feeds.
* column: Select options from 2 to 8 columns. . Defaults to 6. (number, 2-8)
* number: Number of instagram feed in shortcode. Defaults to 6. (number, 1-30)
* size: Select image size to be displayed.
* target: Enable link to original post in Instagram.
* link_type: Select between Load More/View on Instagram/Hide Link.
* link_text: Editable Load More/ View on Instagram text.
[catch-instagram-feed-gallery-widget title=”Catch Instagram Feed Gallery Widget” type=”users” username=”catch.themes” layout=”masonry” column=”four-columns” number=”10″ size=”standard_resolution” target=”true” link_type=”load_more” link_text=”Load More”]
The example will display 10 Instagram feed of ‘catch.themes’ in 4 column with large sized images in Masonry layout. Link to original Instagram post in enabled. Load more button is shown with text “**Load More**”.
If you use block editor you may add Instagram block directly and customize the available options from the sidebar of editor. Let me know if this helps you out.
TikaramOctober 1, 2022 at 8:26 am #12079
I think I found the cause.
In the jquery.prettyPhoto.js program, the image parameters are recalculated using the _fitToViewport function.
Unfortunately, I can’t find any useful place to prevent this calculation. So now I’ve set the return value of height to empty.
But that is certainly not a sensible solution. Perhaps a permanent solution can be anchored in the code.
Can you help again?
ps: The result can be seen here: https://zeller-dorfhaus.de/staging/instagramming/October 1, 2022 at 10:44 am #12077
Thanks for pointing out the documentation. But unfortunately that is not helpful. I had read the documentation beforehand and tried all variants. All images are always displayed squarely. To demonstrate this, I implemented the example shortcode. https://zeller-dorfhaus.de/test-instagram/
The original resolution of the images is not square.
Any other ideas to solve this problem?
DieterOctober 4, 2022 at 12:03 pm #12084
@dieterho : I will forward the issue to the development team and let you know soon. Sorry for the inconvenience caused.
TikaramOctober 11, 2022 at 2:44 pm #12088
Thanks for passing it on to the development team. Since the plugin works correctly for me with my modification, I uploaded the original version to the development website.
The modified version is now available on my live web space
The changes are also described there.
Maybe there is a solution in the next version
Greetings and thanks again
DieterOctober 12, 2022 at 1:02 am #12099
- You must be logged in to reply to this topic.