Issues with Product gallery slider - by Jacky

This topic has 8 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Rose Tyler

  • Avatar: Jacky
    Jacky
    Participant
    March 26, 2021 at 10:41

    Hello there,

    We’re having some issue regarding product(gallery) images within your Xstore theme and Elementor.
    We’ve set a custom Single product template for our single products and are using the ‘Product Images’ element.
    Ideally we would like to show the Product image with the gallery below (as a slide)

    Layout with ‘Single Product Builder’ enabled (image-01): https://ibb.co/bm02Bt3
    Layout with ‘Single Product Builder’ disabled (image-02): https://ibb.co/kqrMcLf
    Layout with Hello Elementor theme active (image-03): https://ibb.co/0yWD9qC

    So you can see that image-02 can be scratched off.

    At first sight image-01 would be best, but below a specific dimension the slide/gallery images are shown incorrectly.
    The height images do not automatically revert to the correct size.
    Let me try to sketch the issue. In this example I’m using Chrome, inspect element > 1024px (laptop dimensions).
    First gallery image (image-04): https://ibb.co/q14Z6zQ
    Second gallery image (image-04-2): https://ibb.co/9ppr1jx
    In this example the first gallery image is higher than the second, but when you’d click on the second image the height keeps the same as the first gallery image.
    Vice versa, if the height of the first image is lower than the second, the second image will get cut off.
    First image (image-04-3): https://ibb.co/N7zfzht
    Second image (image-04-4): https://ibb.co/NSvsmx9

    While the layout from image-03 shows the height correctly
    First gallery image (image-05): https://ibb.co/fFPsrY8
    Second gallery image (image-05-2): https://ibb.co/Nrwj8J3

    I’ve tested this with the least amount of plug-ins but ofcourse some are necessary
    But it seems to me it is an issue between the theme, Elementor and/or the necessity to have the Single product Builder active to even let it show as a slider.

    I’ve just noticed something, I first tought this was from a specific dimension (laptop and some in between/above).
    It seems to do this every other pixel increase.
    Example one:
    https://ibb.co/Wp287j0
    https://ibb.co/HBKSCmv

    Example two:
    https://ibb.co/4mhmt7F
    https://ibb.co/Zcd590T

    Is this something you could look into? I can provide all credentials that may be necessary

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2021 at 08:07

    Hello,

    Thanks for using our theme.
    http://prntscr.com/10wufl0 – Is Product Gallery Slider enabled in Theme Options > WooCommerce > Single product page > Single product layout?
    http://prntscr.com/10wudfz – try to activate Product Gallery Slider Auto-Height via Theme Options.
    Also, I would recommend using a graphics editor and prepare images (make them the same size) before uploading them to your media gallery.

    Do you want to use Single Product Builder or one of the default layouts? Provide URL, temporary wp-admin, and FTP access, we will check the situation more deeply.

    Regards

    Avatar: Jacky
    Jacky
    Participant
    March 29, 2021 at 10:03

    Hey there,

    Well the issue is that we NEED to use the Product Builder in order to get the slider for the gallery to work. We’re using a custom Elementor template so we don’t want to use any of the templates offered by your theme.

    Credentials are added. This is a development environment so you may change everything you’d like.

    With kind regards

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 29, 2021 at 13:21

    Hello,

    Please provide FTP access. If you do not know how to create temporary FTP access contact your hosting provider, they will help you.
    Also, provide URL of product where we will be able to clearly see the problem.

    Regards

    Avatar: Jacky
    Jacky
    Participant
    March 29, 2021 at 15:41

    Added

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 2, 2021 at 09:16

    Hello,

    Sorry for the delay in answering. Thanks for your patience!
    1) Update the theme and XStore Core plugin – https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ https://www.8theme.com/documentation/xstore/plugins/plugins-update/
    2) Then download product-image-builder.php file from this page – https://dropmefiles.com/t89NL , and re-upload it via FTP into wp-content/themes/xstore/woocommerce/single-product folder.
    3) Clear all cache and check the result.

    Regards

    Avatar: Jacky
    Jacky
    Participant
    April 2, 2021 at 10:00

    Hello,

    That seems to be working, thanks! I placed the file within the child theme though but that seems to be allright.

    Thanks for the help!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 2, 2021 at 10:08

    Hello,

    You’re welcome!
    You can place the file into the parent theme, because the next update will contain these changes also.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Issues with Product gallery slider’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.