About this section
Where a product fits in a routine, step by step, with its own step highlighted.
How to add itCustomize → Add section
Where it can goProduct pages, pages, home page
Settings9 · 1 block type
Good to know: Mark the step that is this product, so it stands out.
Settings
| Setting | Type | What it does |
|---|---|---|
| Eyebrow | Text | — |
| Heading | Text | — |
| Supporting paragraph | Text | — |
| Marker for this product | Text | — |
| Show each step’s products | On / off | Small cards that link to each product. The product being viewed is marked instead of linked. On by default. |
| Hold the screen while the steps fill | On / off | On wide screens the section stays in place while each layer is poured. Off, the steps scroll past as a list. On by default. |
| Background color | Color | #00000000 to start. |
| Top padding | Slider | From 0 to 120 px, 48 px to start. |
| Bottom padding | Slider | From 0 to 120 px, 48 px to start. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Step up to 6
| Setting | Type | What it does |
|---|---|---|
| Step name | Text | — |
| Step text | Text | — |
| Products for this step | Products | On a product page, the step holding the viewed product is marked as this product. Choose up to 4 products. |
| This step is this product | On / off | Used when the step has no products. Highlights the step so the shopper sees at a glance how little has to change. Off by default. |
Apps
App blocks from apps you have installed can be added here.
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support