Where these blocks live
These blocks go inside the Product info section (in its Details column) on the product page, and inside Landing info on the landing page. In the builder, select the section, click Add new block, and pick one. Drag it to where you want it, for example right under the buy button. The main blocks (title, description, and the order form) are covered in How do I set up the Product info section on my product page (images, title, description, sticky button)? and How do I set up the Landing info section and the order form (buttons, countdown, WhatsApp)?
Collapsibles (tabs and accordions)
A list of rows that open when clicked. Use it for shipping, returns, materials, or care details. You can add up to 3 Collapsibles blocks, each with up to 20 rows.
- Style: divider lines, cards, or plain.
- Interaction: Accordion (opening one row closes the others) or Independent (several rows can be open).
- Opened by default: rows start open. With Accordion, only the first row starts open.
- Each Collapsible row has a Title, an optional Icon, and its own content: text, images, dividers, groups, a delivery timeline, badges, or before and after images.
Delivery timeline
Shows an estimated delivery date as three steps: Ordered, Shipped, and Delivered. The dates are worked out live from the day the shopper visits.
- Mode: Bar (three steps in a row), Vertical (stacked), or Compact (one line with only the delivery estimate). Surface: plain or card.
- Content: rename each step, and add an optional Description line. It can use
{{ordered_date}},{{shipped_date}},{{delivered_date}}, and{{counter}}(a live countdown to your cutoff time). - Schedule: Ships in at least and Ships in at most (days), Delivered in at least and Delivered in at most (days), and your Working days. Days you do not work are skipped, so a Friday order can move to Monday.
- Courier works different days: turn on to set separate Courier days for delivery.
- Order cutoff time: orders after this time (on the shopper's own clock) count from the next working day.
- Appearance: progress line style and size, icon size, and step spacing.
The timeline is a promise shown to shoppers. It does not change your real shipping methods. Those are set in Shipping methods.
Size guide
Adds a small Size guide link with a ruler icon next to a variant group (for example "Size"). Clicking it opens a popup with your measurement chart.
- Variant name: the name of the variant group the link sits next to, exactly as you typed it in the product. Separate several names with commas to cover more than one language (for example "Size, Taille").
- Link text and Popup title (for example "T-shirt size guide").
- Chart: build the table with Add row and Add column. Turn on First row is a header to use the first row as column names.
Leave the whole chart empty to hide the link. If the link does not show, check that the variant name matches your product's variant group.
Badges
A row of short trust messages with icons, such as "Free delivery", "Cash on delivery", or "30-day returns". Up to 2 Badges blocks, each with up to 6 badges. Set Surface (card, plain, or divider), Direction (icon above or beside the text), Desktop columns, Mobile columns, icon size, text size, and spacing. Each Badge has an Icon and a short Text.
Before and after
Two images on top of each other with a divider shoppers drag to compare them: before and after, two colors, or two finishes. Set the Before image and After image with optional labels, Direction (side by side or top and bottom), Ratio, Divider position, Show a hint when it comes into view, and Follow the mouse on desktop. Up to 2 per section. To use it elsewhere on your store, add the Before and after section, see Before and after, waves, particles, and back to top.
Colors
Each of these blocks follows the section's colors by default. Turn off Use parent color scheme to pick another scheme for it.