Skip to main content

How to Add a Divider to the Cart

The Divider block adds a styleable line between your cart blocks (or between individual cart items) so things feel cleaner and more organised.

Want to visually break up sections of your cart? The Divider block adds a styleable line between your cart blocks (or between individual cart items) so things feel cleaner and more organized.

🛠️ How to Set It Up

  1. Add a block and choose Divider.

  2. Drag the Divider block to where you want it — for example, between the Items block and the Notes block.

  3. Click into the Divider block to open its settings.

  1. Adjust the settings to style your divider:

    • Width — how long the line is (small to full width)

    • Height — how thick the line is (thin to thick)

    • Color — the color of the divider, including opacity

    Example: for a simple gray bar, set height to 1px, width to full width, and color to gray.

  2. To add dividing lines between individual cart items (for a more premium look), click into the Items block, scroll to the Sub Items Block settings, and choose Divider. Click into its settings to style it the same way.

Did this answer your question?