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.
This topic has 21 replies, 3 voices, and was last updated 4 months ago ago by Sega
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.
Hello, Sega,
Thank you for reaching out to us.
Private Content
Warm Regards,
The 8Theme Team
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?
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
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.
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
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.
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
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
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?
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
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
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!
I applied that code, but swipes wont work 🙁
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
I updated theme and core plugin, removed previous hook from theme functions – still not working 🙁
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
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.
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
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 🙂
Thanks for the support! My topic “shop page miniature image swipe with touch/cursor” has been successfully resolved.
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