Section reference
Product set
Sell a set of products together, such as a routine or a room set, with Vellora'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 Vellora, 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
| Setting | Type | Default | Options |
|---|---|---|---|
| Eyebrow | Text | Routine | — |
| Heading | Inline rich text | The three step ritual | — |
| Text | Rich text | None | — |
| NoteCreate the discount in your discount settings (Shopify admin > Discounts). The total shows the current product prices. | Text | Add all three to apply any set discount at checkout. | — |
| Color scheme | Color scheme | Scheme 3 | — |
| Top padding | Slider | 80px | 0px to 160px, in steps of 4px |
| Bottom padding | Slider | 80px | 0px to 160px, 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.
Product
| Setting | Type | Default | Options |
|---|---|---|---|
| Step label | Text | Step | — |
| Product | Product | None | — |