Real imagery at the pay step.
Drop in product or brand visuals — auto-optimised, lazy-loaded, sharp on every device.
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 Image to Shopify checkout
Install Checkout Ninja from the Shopify App Store, open the checkout editor, and drag the Image 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.
Upload your image
Drop a PNG, JPG, SVG, or WebP into the block. Up to 5MB per file.
Set size and alignment
Choose full-width, contained, or fixed-px. Align left, centre, or right. Add alt text for screen readers.
Layer with other blocks
Pair with a Heading or Rich Text Banner to build a hero-style intro at the top of the checkout.
-
What image formats are supported?
PNG, JPG, SVG, and WebP. We auto-serve AVIF/WebP to supported browsers for the smallest file size.
-
Will images slow down checkout?
No. All images lazy-load and are served from Shopify's CDN. Payment input is never blocked by an image fetch.
-
Can I add alt text?
Yes. Alt text is required for accessibility. We prompt for it on upload.
Build the rest of your checkout.
Heading
A clean, typographic section heading — your brand font, no theme code.
See the block Layout & ContentRich Text Banner
Formatted notices at the pay step — bullets, bold and links, in your checkout font.
See the block Layout & ContentCard Block
Group related blocks into one styled container — border, radius, padding, background.
See the blockInstalled by these templates
All templates →Add the Image block today.
Every block + every feature, on a 3-day trial. No card. Live before your next order.