Issues with Product gallery slider - by Jacky

Solved7 replies2 participantsUpdated by Rose Tyler

  • Avatar: Jacky
    Jacky
    Participant

    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

    #281147 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

    7 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #281310 Copied
    Avatar: Jacky
    Jacky
    Participant

    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.
    #281603 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #281630 Copied
    Avatar: Jacky
    Jacky
    Participant

    Added

    Please contact administrator
    for this information.
    #281658 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #282245 Copied
    Avatar: Jacky
    Jacky
    Participant

    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!

    #282258 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

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

    Regards

    #282259 Copied

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