Breathing room between blocks.
A clean horizontal rule between sections — custom thickness, colour and padding.
1 
1 2 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."
How to add Divider to Shopify checkout
Install Checkout Ninja from the Shopify App Store, open the checkout editor, and drag the Divider block into the section where you want it. Then configure it in three steps. No theme code, no checkout.liquid, and it survives every Shopify update because it runs on Checkout Extensibility.
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.