Shop page miniature image swipe with touch/cursor

This topic has 21 replies, 3 voices, and was last updated 4 months ago ago by Sega

  • Avatar: Sega
    Sega
    Participant
    April 16, 2025 at 18:05

    Hello! is there a way to make images on shop page swipeable?
    like on this site https://bossy-lady.ru/catalog/
    i tried all settings on product archive but none is touch oriented.

    Please, contact administrator
    for this information.
    20 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    April 17, 2025 at 08:45

    Hello, Sega,

    Thank you for reaching out to us.

    Private Content

    Warm Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Sega
    Sega
    Participant
    April 17, 2025 at 12:51

    Hello! I disabled jetpack. I tried turn on slider – but it wont work on touch/cursor, only with arrows. Smart carousel very choppy and dont have swipe animations. is there a way to fix slider for touch?

    Avatar: Alex Carter
    Alex Carter
    Support staff
    April 17, 2025 at 14:41

    Hello,

    At the moment, you can only choose from the available effects shown here: https://prnt.sc/Lu_J7Kso7K7T

    We kindly ask you to review the following articles – https://www.8theme.com/documentation/xstore/support/how-to-submit-a-request-for-adding-a-new-setting-or-functionality/ https://www.8theme.com/documentation/xstore/uncategorized/paid-additional-customization-services/

    Thank you for your understanding.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    May 11, 2025 at 13:21

    Hello! yes I see slider option. but it reacts only on mouse clicks to arrows. can we do it touch friendly for mobile? no swipes available at the moment at all.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    May 12, 2025 at 07:39

    Dear @Sega,

    Thank you for reaching out to us.

    At this time, the swipe functionality is not available on the shop page by default. Implementing this feature would require extensive customization and additional coding.

    We highly encourage you to share your suggestion on our Taskboard at https://www.8theme.com/taskboard/. If your idea receives sufficient support from other users, our development team will carefully consider it for inclusion in a future update.

    For any customizations beyond the default features, we kindly invite you to submit a request through our Customization Panel at https://www.8theme.com/account/#etheme_customization_panel. Please note that such services may incur additional charges.

    If you have any further questions or need assistance, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    July 25, 2025 at 09:12

    Hello again!

    I messaged developer of plugin Product Gallery Swiper, he helped me fix his plugin to work with your theme BUT it works only with default woocommerce product archive elementor widget.

    Can you please read private content, there a solution from a developer of this plugin.

    If we can implement this – all xstore users can use plugin with touch friendly slider with swipes in product archive page and product grid widget.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 27, 2025 at 17:01

    Dear @Sega,

    Thank you for your suggestion. We will forward it to our development team for their consideration in future updates.

    Best regards,
    The 8Theme Team

    Avatar: Justin
    Luca Rossi
    Support staff
    July 28, 2025 at 10:55

    Dear @Sega,

    Thank you for reaching out.

    We have reviewed your request and consulted with our development team. Based on their feedback, we recommend using the following hook structure from our code for better results:

    
    $local_content[$key] = apply_filters('etheme_product_grid_list_product_element_' . $key, ob_get_clean(), $product, $local_settings);
    

    You can refer to the following screenshot for additional context:
    https://prnt.sc/Igg5PS6VULco

    To implement this on your side, please use the hook in the following manner:

    
    add_filter('etheme_product_grid_list_product_element_image', function($thumbnail, $product, $settings) {,      return '<div class="swiper-slide">' . $thumbnail . '</div>';,  }, 10, 3);
    

    We kindly ask you to try using this hook and let us know if it resolves the issue.

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    July 30, 2025 at 10:12

    Hello!
    Thank you for your answer. I need to clarify, where should I put this?
    In your core plugin files?
    If I do that, after plugin updates it will rewrite and I need to do that again?

    Avatar: Justin
    Luca Rossi
    Support staff
    July 30, 2025 at 11:24

    Dear @Sega,

    We hope this message finds you well.

    To achieve the desired functionality, please add the following code to the functions.php file located in your child theme:

    
    add_filter('etheme_product_grid_list_product_element_image', function($thumbnail, $product, $settings) {,      return '<div class="swiper-slide">' . $thumbnail . '</div>';,  }, 10, 3);
    

    This implementation is safe and will remain effective through future updates.

    If you have any further questions or need assistance, please don’t hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    July 30, 2025 at 11:28

    I tried to add this hook to functions and got syntax error.

    that’s why I asked where to put this 🙂

    please look at screenshot

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 30, 2025 at 11:37

    Sorry @Sega,

    Here is the correct code:

    
    add_filter('etheme_product_grid_list_product_element_image', function($thumbnail, $product, $settings) {
        return '<div class="swiper-slide">' . $thumbnail . '</div>';
    }, 10, 3);
    

    Let us know how it goes!

    Avatar: Sega
    Sega
    Participant
    July 30, 2025 at 11:47

    I applied that code, but swipes wont work 🙁

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 31, 2025 at 08:07

    Dear @Sega,

    We hope this message finds you well.

    We would like to inform you that the requested hook has been added in the latest version of the XStore theme.

    At your earliest convenience, could you please update both your XStore theme and the XStore Core plugin to the most recent version to take advantage of this new feature?

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    July 31, 2025 at 10:10

    I updated theme and core plugin, removed previous hook from theme functions – still not working 🙁

    Avatar: Justin
    Luca Rossi
    Support staff
    July 31, 2025 at 11:41

    Dear @Sega,

    We hope this message finds you well.

    We would like to inform you that the swipe functionality on mobile devices now appears to be working correctly. Could you kindly confirm this on your end?

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    Files is visible for topic creator and
    support staff only.
    Avatar: Sega
    Sega
    Participant
    July 31, 2025 at 12:23

    This is default woocommerce products archive elementor widget, it works since developer of plugin (Product Gallery Swiper for WooCommerce) helped adapt his plugin to the X-Store theme.

    Now I placed only x-store elementor product archive, please test and you will see that swipes is not working even after update and disabled image hover effects.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 31, 2025 at 12:42

    Dear @Sega,

    We have reviewed the source code and can confirm that the thumbnail image is correctly wrapped within a div element with the swiper-slide class. This indicates that the code is functioning as expected. For your reference, please see the following screenshot: https://prnt.sc/YZq-0gnJbzVo.

    Given this, we kindly recommend contacting the plugin’s author for further assistance, as there may be additional adjustments required for the wrapper div.

    Should you need any further support from our side, please do not hesitate to let us know.

    Best regards,
    The 8Theme Team

    Avatar: Sega
    Sega
    Participant
    August 1, 2025 at 10:00

    Hello!
    I contacted plugin developer, he did some fixes and now your theme fully compatible with Product Gallery Swiper for WooCommerce (https://wordpress.org/plugins/product-gallery-swiper-for-woocommerce/)

    swipes works on all pages 🙂

    Avatar: Sega
    Sega
    Participant
    August 1, 2025 at 10:01

    Thanks for the support! My topic “shop page miniature image swipe with touch/cursor” has been successfully resolved.

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

The issue related to '‘shop page miniature image swipe with touch/cursor’' has been successfully resolved, and the topic is now closed for further responses

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