Is there a drop down menu or a way to make buttons to add different price & quantity kit of same product? I have one product that comes in several different quantity kits. I’d like to just make one product and have a way for customers to choose what quantity and price to add to cart, without having to add each individual different quantity kit over and over. Thank You!
Topic summary
A merchant wants to sell one product in multiple quantity kits (e.g., 10-pack, 20-pack, 50-pack) with different prices, using a dropdown or button selection instead of creating separate product listings.
Proposed Solution:
- Use Shopify’s variant system to create different quantity options
- Set up variants for each kit size with corresponding prices
- Implement a dropdown menu using product form code
- Sample code provided shows how to loop through variants and display them in a select menu
Implementation Challenges:
- One user cannot find how to add “quantity” as an option type, as Shopify only shows Size, Colour, Material, and Style by default
- Another user reports that while variants display correctly, prices don’t update when selecting different options
- Screenshots show the variant setup interface and the non-functioning price display on the product page
Status: The discussion remains open with unresolved technical questions about proper implementation and price updating functionality.
hello there
you can use variants and options to create a dropdown menu or set of buttons that allow customers to choose different quantity kits of the same product. Here’s how to set it up:
-
Create a product: Create a product for the item with the different quantity kits.
-
Create variants: Create a variant for each quantity kit. For example, if you have three quantity kits (10-pack, 20-pack, and 50-pack), create a variant for each of these.
-
Add options: Add an option for the quantity, and set the available options to match your variants. For example, if you have variants for 10-pack, 20-pack, and 50-pack, set the quantity option to have options for 10, 20, and 50.
-
Set prices: Set the prices for each variant to match the price of the corresponding quantity kit.
-
Add to cart: Add the dropdown menu or set of buttons to the product page using the Shopify product form.
Here’s some example code for creating a dropdown menu with quantity options:
{% for variant in product.variants %}
{% if variant.available %}
{% endif %}
{% endfor %}
This code will generate a dropdown menu with each variant’s title and price. When the customer selects an option from the dropdown, the corresponding variant will be added to the cart.
2 Likes
Hi there! I am trying to work out the same thing (A product where I have one overall stock level and the variants are to choose different quantities of that product) and this seems to be the solution. However I can’t see any way to add ‘quantity’ as an option? The only choices I have when adding options are Size, Colour, Material and Style. Could you please help direct me to where I can set a quantity option? Thanks!
1 Like
Where should I add this code, I can see the variants, but the price does not change when I choose the variants.
Please look the picture attached. Much appreciated.
