Product Gallery NOT working properly - by immunityindia

12 replies2 participantsUpdated by 8theme

  • Avatar: immunityindia
    immunityindia
    Participant

    Dear Great Support Team:
    I am about to finalize my website and found that Thumbnail Gallery in the product page not working properly
    Here’s the link:
    http://customjackets.apps-1and1.net/shop/made-to-order/made-to-order-mens/mens-drifter-blue-washed-glazed-lambskin-leather-shirt-jacket/

    1. When I click on any thumbnail I can not see the respective large image it show;s something else.
    2. The moving Thumbnail Gallery move to faar left and disappear from the screen. I have to use buttons to take it back to screen.

    Please solve this bug as soon as possible.
    Regards.

    Please, contact administrator
    for this information.
    #151439 Copied

    12 Answers

    Avatar: 8theme
    8theme
    Support staff

    Hello,

    Thank you for contacting us.

    The gallery doesn’t work properly because of two reasons:

    1. You don’t need to add a featured image to the product gallery also

    2. You have broken its functionality with this code snippet, please remove it https://gyazo.com/71edaa956dc3fedd09f4b472d18f619f

    Regards

    #151499 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    1. You don’t need to add a featured image to the product gallery also

    Should I remove feature image? I have lot of products on my site. It will take a lot of time.

    2. You have broken its functionality with this code snippet, please remove it https://gyazo.com/71edaa956dc3fedd09f4b472d18f619f

    I have added this after getting a reply from xstore support see following link..
    https://www.8theme.com/topic/horizantal-footer-menu/.

    Please let me know what I should do now

    #151530 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    Update.
    1. I removed product featured imaged and whole gallery was stopped working.
    Here the link for a demo product without featured image.
    http://customjackets.apps-1and1.net/shop/made-to-order/made-to-order-mens/xstore-demo/

    2. Even after remove that css snippet it showing the same error.

    Please solve my problem

    #151531 Copied
    Avatar: 8theme
    8theme
    Support staff

    1. We meant to remove featured image from images gallery. Don’t remove featured image itself.

    2. It works correctly without the code http://customjackets.apps-1and1.net/shop/made-to-order/made-to-order-mens/mens-drifter-blue-washed-glazed-lambskin-leather-shirt-jacket/

    Regards

    #151559 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    Hi, Why it is working for some products and not for others ?
    Eg. not working for following product.
    http://customjackets.apps-1and1.net/shop/made-to-order/made-to-order-mens/mens-stargate-commando-red-black-lambskin-leather-jacket/

    I a want to decrease the space between thumbnails thats why I used that code. In any-case please let me know the solution.
    I want Thumbnail images close to each other and no bug in the gallery..

    regards

    #151561 Copied
    Avatar: 8theme
    8theme
    Support staff

    Hi,

    Because this product has duplicate featured image in the gallery. Just open two products in admin panel and compare how products are added to them.

    We suggest you change a number of thumbnails per slide in the file xstore/woocommerce/single-product/product-thumbnails.php from 4 to 10. Find this code

    items : 4,

    Regards

    #151586 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    Dear Serg:
    Thanks for your reply and immense help…but

    Because this product has duplicate featured image in the gallery. Just open two products in admin panel and compare how products are added to them.

    Thanks I understood this.

    We suggest you change a number of thumbnails per slide in the file xstore/woocommerce/single-product/product-thumbnails.php from 4 to 10. Find this code

    No it is not working / not happening even after changing 4 to 10.

    http://prnt.sc/duarqf

    I cleared Chache user different computer but no help.
    Please let me know if you need ftp access.

    regards.

    #151594 Copied
    Avatar: 8theme
    8theme
    Support staff

    Sorry, our mistake. Change also this line

    $items = '[[0, 3], [479,3], [619,3], [768,3], [1200, 4], [1600, 4]]';

    to this

    $items = '[[0, 3], [479,3], [619,4], [768,7], [1200, 8], [1600, 10]]';

    #151595 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    Thank YOU SOOOOOO MUCH
    Done

    #151596 Copied
    Avatar: 8theme
    8theme
    Support staff

    Great, you are welcome 🙂

    #151601 Copied
    Avatar: immunityindia
    immunityindia
    Participant

    @Serg:
    Just a quick question.
    What happens when I update the theme.
    Currently I am using Child Theme.
    Regards.

    #151684 Copied
    Avatar: 8theme
    8theme
    Support staff

    Hi,

    If you do all your changes in the child theme then you will not lose anything after update.

    Regards

    #151694 Copied

You must be logged in to reply to this topic.Log in/Sign up