Product Variations
Product Variants are variations of a product with different options like size or color.
You can add variants for new and existing products. Each product can have up to 5 variants. Each variant can have up to 10 options. The variant can be different from product to product. We created the default variants like size and color to ensure the simplest customer experience.
To add variants while you're adding or editing a product:
1. Open the Variants tab in the Product pop-up:
2. Click Add Variant:
3. Choose one of the default variants or choose custom:
4. Variant will be added to a product. If your product variant differs from the default one, hover over the variant, click Edit:
5. Modify variant options like title, selection type, amount of options, and its prices:
6. Click the Save button on the variant:
7. Then Save the product changes:
Using Price Modifiers
With price modifiers, you can increase or decrease the base product price depending on options. For example, a cotton T-Shirt costs $10, while an organic cotton T-Shirt sells for $12. If a customer selects the organic option with the +$2 price modifier, they will see the updated price ($12) on the product page.
Please Note:Price modifier is not the price of the product option. It's the value that is added to(or subtracted from) the price of the base product.
To add price modifiers:
- Open the Variants tab in the Product pop-up:
2. Click Add Variant:
3. Choose one of the default variants or choose custom:
4. Variant will be added to a product. If your product variant differs from the default one, hover over the variant, click Edit:
5. Select how the price modifier should adjust the price (increase or decrease):
6. Select whether the modification adjusts the price in absolute amount or as a percentage:
7. Set the Amount:
8. Click the Save button on the variant:
9. Then Save the product changes:
This is how the price modifiers appear in the Site Editor:
This is how your customers see modifiers in your storefront. The price changes immediately when you select an option: