All Shopify guides / Regimen

Regimen product pages and multipacks

Set up product chapters, the mobile buy bar, pack prices and subscriptions.

8 min read

Arrange the Product section

Open a product template and select Product. Enable sticky buy panel keeps the purchase controls in view on larger screens. Show buy bar on mobile adds a bar that opens the buy panel. Show chapter index adds links to your Chapter blocks.

  1. Add a Chapter for each topic, such as ingredients or directions. Set Chapter name and add Text or select Use product description.
  2. To show a facts panel, set Facts heading and add one line per fact in Facts, with a vertical bar between the label and value.
  3. Create a separate product template or connect supported dynamic sources for facts and copy that vary by product.
Serving size | 2 capsules
Magnesium | 200 mg

Show pack sizes with Offer selector

In Shopify admin, create a product option such as Pack and set the actual selling price on each pack variant. In the theme editor, add Offer selector to Product and keep a Variant picker. Enter the exact option name in Pack size option name. In Units in each pack, map each option value to its unit count on a separate line, including the single pack.

  1. If the product also has a flavour or other option, try every pack size for at least two of its values.
  2. Compare the selected variant, price and availability in the purchase panel with the item added to the cart.
1 bottle: 1
2 bottles: 2
3 bottles: 3

The cards calculate unit prices from Shopify variant prices and show savings where a valid single-pack comparison is available. With incomplete pack data, the theme uses the standard picker. The block displays the prices you set in Shopify.

Offer a subscription

Set up selling plans using a Shopify-compatible subscription app and assign them to the relevant products or variants. Keep Subscribe and save in the Product section. Preview a product with a plan, select a subscription and check that its name and price appear in the cart. The block is hidden when the product has no selling plans.

Get help with this guide