Section reference
Ritual builder
Sell a set of products together, such as a routine or a room set, with Vellmar's product set section and its add all button.
Product set shows up to four products as numbered steps, with a total price and one button that adds them all to the cart at once. Each Product block has a step label, such as "Step" or "Cleanse", and a product.
The button adds one of each product, using the product's default variant: the first variant that is in stock. If any product in the set is sold out, the button is turned off and says so.
Best practices
- Use single-variant products. Because the button adds each product's default variant, sets work best with products that have no options, or where the default variant is the one most people want.
- Discounts are not automatic. The total shows the current prices added up. To give a set discount, create a discount in Shopify admin that applies when all the products are in the cart, and say so in Note.
- Tell a sequence. Order the steps the way the products are used, and use the step labels to say what each one does.
- Two to four products. Short sets are easier to understand and to buy.
Preset tips
- Sorrel uses it on the home page for a three-step skincare ritual, in its dark clay scheme.
- On Vellmar, it works for a table set or a bedroom set. On Graphite, for a full outfit.
- Handle
product-bundle- Group
- Products and collections
- Where
- Add it to any template with Add section in the theme editor. Up to 4 blocks.
Settings
Customers choose one product per step and add the set in one click.
| Setting | Type | Default | Options |
|---|---|---|---|
| Summary label | Text | Your set | — |
| Add button label | Text | Add set to cart | — |
| Discount to displayDisplay only: the theme does not create discounts. In Shopify admin > Discounts, create an automatic Amount off products discount with the same percentage, the same products and a matching minimum quantity. If they differ, shoppers see one price here and another in the cart. Set to 0 to hide the was and now prices. | Slider | 0% | 0% to 50%, in steps of 1% |
| Note | Text | Final price shown in cart. | — |
| Color scheme | Color scheme | Scheme 1 | — |
Padding
| Setting | Type | Default | Options |
|---|---|---|---|
| Top padding | Slider | 64px | 0px to 200px, in steps of 4px |
| Bottom padding | Slider | 64px | 0px to 200px, in steps of 4px |
| Top padding on mobile | Slider | 48px | 0px to 200px, in steps of 4px |
| Bottom padding on mobile | Slider | 48px | 0px to 200px, in steps of 4px |
Blocks
Add blocks to this section from the theme editor, then drag them to change their order. A section can have up to 4 blocks.
This has no settings.