- This topic has 9 replies, 2 voices, and was last updated 2 years, 4 months ago by
tikaram.
-
AuthorPosts
-
September 26, 2022 at 7:04 am #12062
Dieter Horn
ParticipantHi support,
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 #12071Dieter Horn
Participant@tikaram :
I can’t post code here. So please read my idea directly on my page: https://zeller-dorfhaus.de/test-instagram/
Thanks
DieterSeptember 29, 2022 at 1:17 am #12075tikaram
Keymaster@dieterho : I will check your page and provide you the solution soon.
Regards,
TikaramSeptember 30, 2022 at 1:51 am #12076tikaram
Keymaster@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.
**Attributes**
* 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.**Example**
[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.
Regards,
TikaramOctober 1, 2022 at 8:26 am #12079Dieter Horn
ParticipantHi,
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?Regards
Dieter
ps: The result can be seen here: https://zeller-dorfhaus.de/staging/instagramming/October 1, 2022 at 10:44 am #12077Dieter Horn
Participant@tikaram
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?Regards,
DieterOctober 4, 2022 at 12:03 pm #12084tikaram
Keymaster@dieterho : I will forward the issue to the development team and let you know soon. Sorry for the inconvenience caused.
Regards,
TikaramOctober 11, 2022 at 2:44 pm #12088Dieter Horn
ParticipantHello Tikaram,
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.
https://zeller-dorfhaus.de/staging/instagramming/The modified version is now available on my live web space
https://zeller-dorfhaus.de/test-instagram/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 -
AuthorPosts
- The topic ‘Aspect Ratio’ is closed to new replies.