Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12062
    Dieter Horn
    Participant

    Hi 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
    Dieter

    #12067
    tikaram
    Keymaster

    @dieterho : I will check for the issue and get back to you soon.

    Regards,
    Tikaram

    #12071
    Dieter 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
    Dieter

    #12075
    tikaram
    Keymaster

    @dieterho : I will check your page and provide you the solution soon.

    Regards,
    Tikaram

    #12076
    tikaram
    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,
    Tikaram

    #12079
    Dieter Horn
    Participant

    @tikaram,

    Hi,
    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/

    #12077
    Dieter 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,
    Dieter

    #12084
    tikaram
    Keymaster

    @dieterho : I will forward the issue to the development team and let you know soon. Sorry for the inconvenience caused.

    Regards,
    Tikaram

    #12088
    Dieter Horn
    Participant

    Hello 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
    Dieter

    #12099
    tikaram
    Keymaster

    @dieterho : Glad to know that you have modified the plugin as required. I will let you know soon.

    Regards,
    Tikaram

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Aspect Ratio’ is closed to new replies.