fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

How to put variations in slider

My color variations on shop page are about 13. They overflow and make the product card appear too long. How do I put them on a slider so it is only 1 row? Currently, it’s 5. Thanks!

Hakik Zaman

Hi berkay,

Unfortunately, the feature is not currently available.

​But it’s a great idea. Please send the feature request here: https://storepress.fider.io/

and ask your other to upvote it.

Cheers!

Thank you. Do you have any alternatives for now? Something I could do?

Hakik Zaman

Hi berkay,

Please check this documentation.

I hope it will help partially.

Thank You

Sorry, it did not help. Would it break the plugin if I added custom js slider?

Hakik Zaman

Hi berkay,

Sorry to hear it didn’t help. Yes, you can try your own using the class name of swatches <ul>.

Recommendation:

1) Please try to avoid modifying the plugin script. You can use any additional slider library. For example- Slick.js, or Owl-carousel.js.

2) Try your code on a staging site first.

Thank You

Thank you so much, it was over my head :). Sorry for bothering you, but is there a way to have dropdown on the shop page not the product?

Hakik Zaman

Hi berkay,

You can try the following snippet using the Code Snippets Plugin or, add it to your current/child theme’s functions.php:

add_filter('default_woo_variation_swatches_archive_product_dropdown_html', function($bol){
return true;
}, 10, 1);

Recommendation:

1) Please try to use a child theme for inserting any additional code. Otherwise, your all modification will be replaced after updating your theme.

Thank You