Creating dropdown quantity selector

Store Design

Topic summary

A store owner selling wine wants to replace the standard plus/minus quantity selector with a dropdown menu. The goal is to encourage bulk purchases in multiples of 6 bottles while clarifying that individual bottles can also be ordered.

Proposed Solution:
The dropdown would display specific quantities: 1-2-3-4-5-6-12-18-24-30, ideally without requiring scrolling.

Two Implementation Approaches Offered:

  1. Custom Code Solution:

    • Replace the existing quantity input in main-product.liquid or product-form.liquid
    • Add HTML dropdown code with predefined quantity options
    • Include custom CSS styling for consistent appearance
    • Requires manual theme editing and backup creation

  2. App-Based Solution:

    • Use “Easify Product Options” app for no-code implementation
    • Provides scrollable dropdown functionality
    • May require additional configuration for inventory management

Both responders offered free setup assistance. The discussion remains open as the store owner hasn’t confirmed which approach they’ll pursue.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
2

Hey @martijn18

Do you wish to replace the stepper with a dropdown because you have users mostly buying in large numbers, if you can explain your problem there might be a better user-friendly solution, also can you help me understand what the highest number in the dropdown should be? and on average how many numbers do you wish to show in the dropdown before scrolling is needed so that I can share the code accordingly?

Also if you wish, I would be more than happy to help you set this up for free, email your collaborator code at hello@untechnickle.com and I will take care of the rest :blush:

Cheers,
Shreya