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.

SettingTypeDefaultOptions
Summary labelTextYour set—
Add button labelTextAdd 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.Slider0%0% to 50%, in steps of 1%
NoteTextFinal price shown in cart.—
Color schemeColor schemeScheme 1—

Padding

SettingTypeDefaultOptions
Top paddingSlider64px0px to 200px, in steps of 4px
Bottom paddingSlider64px0px to 200px, in steps of 4px
Top padding on mobileSlider48px0px to 200px, in steps of 4px
Bottom padding on mobileSlider48px0px 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.

Edited . Written for Vellmar 1.0.0.

Something unclear or missing? Contact support.