Change Variant Dropdown to Slider

Store Design
, , , ,

Topic summary

A user is seeking a way to implement a numeric slider for variant selection in the Dawn theme, specifically to allow customers to select values along a range (e.g., 0 to 10,000) by dragging a slider control.

Current Solutions:

  • The Easify Product Options app was suggested, which offers slider functionality for Color Swatches and Image Swatches without coding required.
  • However, it does not currently support a true number/numeric slider feature.

Workaround Proposed:

  • Numbers could be added as images and displayed using the Image Swatch Slider, though this would require significant manual setup.

Status:
The discussion remains open with no direct solution found. The app developer indicated they may introduce a Number Slider feature in the future but cannot confirm timing.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Has anyone ever worked out how to change the variant selector so it’s a slider rather than a dropdown or button? (Dawn theme). Haven’t found any apps that can do this yet, but happy to be proven wrong.

2

Hi @tailormade1

You can try Easify Product Options! It offers both Image Swatch and Color Swatch with a slider option, all with no coding required. This lets you display options in a more interactive way instead of using a dropdown or buttons. Here’s an example of Image Swatch Slider:

EasifyJolie_0-1742291607246.png
EasifyJolie_0-1742291607246.png1080×494 60.6 KB

EasifyJolie_1-1742291678329.png
EasifyJolie_1-1742291678329.png1074×490 56.5 KB

  • This is the app setting: You just need to create an Image Swatch as usual

EasifyJolie_2-1742291884957.png
EasifyJolie_2-1742291884957.png1326×565 56.3 KB

Then go to Advanced Settings to enable Show Image Slider and choose the slider style you like

EasifyJolie_3-1742291909973.png
EasifyJolie_3-1742291909973.png1326×566 55.2 KB

This app is easy to use, and I highly recommend giving it a try. If you need any help, feel free to ask or contact Easify! :hugs:

3

Hmm, not quite an image slider, I’m more after a slider for a number if that makes sense. So let’s say we’ve got 0 at one end of the slider and 10000 at the other—the user needs to be able to slide this along to select their number.

4

Thank you so much for your interest! :blush: Unfortunately, Easify Product Options doesn’t currently support a number slider—only Color Swatches and Image Swatches have this feature. That said, the slider length won’t be an issue. You can add numbers as images and use the Image Swatch Slider to achieve a similar effect, but this might take a lot of extra work.

If we introduce a Number Slider in the future, I’ll be sure to let you know! Thanks again :hugs: