Breathing room between blocks.
A clean horizontal rule between sections — custom thickness, colour and padding.
Exactly what your shopper sees — at the moment they're ready to buy.
The Checkout Ninja tag only marks the block in this preview — it never appears in your live checkout.
"Fantastic app, highly recommended. We've been using it for years — a long list of checkout customisations suited to our store. A must-have for all your Shopify checkout needs."
Set up the Divider block your way.
Drop it between sections
Insert the Divider wherever you need separation — between custom fields and trust, or upsells and pay.
Pick a style
Solid, dashed, or hairline. Set thickness (1–4px) and color from your brand palette.
Adjust spacing
Choose tight, default, or loose padding. Loose works best between major sections.
-
Is the Divider really a block?
Yes. Treating dividers as first-class blocks means you can control spacing, colour, and conditional visibility — no CSS hacks.
-
Can I hide a divider conditionally?
Yes. Pair with Conditional Visibility to hide dividers when adjacent sections are also hidden.
-
Does it work on mobile?
Yes. Divider thickness and padding scale appropriately on small screens.
Build the rest of your checkout.
Heading
A clean, typographic section heading — your brand font, no theme code.
See the block Layout & ContentCard Block
Group related blocks into one styled container — border, radius, padding, background.
See the block Layout & ContentRich Text Banner
Formatted notices at the pay step — bullets, bold and links, in your checkout font.
See the blockAdd the Divider block today.
Every block + every feature, on a 3-day trial. No card. Live before your next order.