Bundle builder
Let shoppers build their own set and see the saving grow as they add products.
The Bundle builder lists products in tabs on the left and a tray on the right. Shoppers add products to the tray, and the discount grows with every step.
Set the steps
Under Discount steps, add one row per step:
| Products in the tray | Discount |
|---|---|
| 2 | 10% |
| 3 | 15% |
| 4 or more | 20% |
The tray shows how far the shopper is from the next step.
Pick the products
Each tab is a block linked to a collection, for example Cheek, Lip and Face and eyes. Products with shades show their swatches, and the shopper picks a shade before adding.
The discount at checkout
Rouge adds the products to the cart with a bundle tag. Create a matching automatic discount in Discounts so the price at checkout matches the tray. The section setting Discount name shows you which name to use.