Product options/variants shown in slider

Shopify Discussion
1

Does anyone know an app or easy way to display the different product options in a slider one by one. So for example:
Choose size after which you can slide to choose color etc. Another example is shown in the attached images. I have been searching for something similar but can’t find it yet. Any advice would be greatly appreciated.

DDLM_1-1724186076235.png
DDLM_1-1724186076235.png384×881 20.8 KB

DDLM_2-1724186099008.png
DDLM_2-1724186099008.png407×871 34.3 KB

2

Hi @DDLM ,

Thanks for reaching out to the community. I’m Lindsey from BON Loyalty, the top-rated loyalty app on Shopify.

If you’re searching for a way to display different product options in a slider, like choosing a size and then sliding to select a color, it might be beneficial to explore various product options apps available on the Shopify App Store. You can start by searching for keywords like ‘product options’ or ‘customizer’ to find apps that fit your needs.

I’ve personally used Product Options Variant Option by AvisPlus, and it has fulfilled my needs really well. It offers extensive customization options for product variants, including conditional logic and personalized options, and integrates smoothly with Shopify, ensuring that everything works seamlessly with your store.

Since I don’t know your exact budget for apps, I can only suggest a few options that might suit your needs. Here are a couple more apps to consider:

1/ Globo Product Options, Variant
Allows for creating unlimited custom options and variant swatches, with a user-friendly interface.

2/ BSS: Product Variants Options
Features customizable options and a range of variant display styles, including conditional logic.

These apps are all built for Shopify, which helps them integrate smoothly into your store. I recommend taking a closer look at each app by clicking on it and scrolling down to check out the features and reviews. Many of these apps also have developer websites where you can get more information or even reach out directly to inquire about specific functionalities.

Feel free to reach out to the app developers and support teams with your specific requests; many are willing to work with you to customize their app to better meet your needs.

I hope you find the perfect app for your store. Best of luck!

If you find these suggestions helpful for you, please let me know by giving BON Loyalty a ‘LIKE’ or marking it as a ‘SOLUTION’. :blush:

Best regards,

Lindsey

3

Hi,

Apps like Product Personalizer and Bold Product Options can help or you can go for custom coding

For custom coding here are the steps

  • Create Variant Groups (Use HTML and CSS)
  • Implement Slider Logic, Use JavaScript library like Slick Slider or Swiper.js
  • Synchronize with Variants
  • Use CSS to style the slider