Search blocks by description or jump to a page.
A centered promo paired with a tidy grid of product images. Showcases a curated collection or a seasonal lineup right on your shop homepage.
Centered Image Grid opens with a centered text block: a secondary badge, a bold headline, and a supporting paragraph, all constrained to a readable column at the top of the section. Below it sits a responsive image grid of up to four product cards. Each card is a linked tile with a full bleed photo, a subtle hover scale, and an overlay that fades from transparent to dark at the bottom edge. The product name and starting price sit on that overlay so the text stays legible over any image. A centered outline button closes the section beneath the grid.
The badge, headline, and paragraph are independent copy fields you can rewrite for any campaign. The grid shows two columns on mobile, three from tablet width, and four on wider screens, with the third and fourth tiles hidden below their respective breakpoints. You can swap any photo and label, and the closing button text is its own standalone string.
Reach for this block when you want to spotlight a curated set of products or services in the middle of a landing page without sending visitors away immediately. It works particularly well for a healthcare scheduling product that wants to surface its most booked service categories, where each tile links directly to a booking flow and the badge can read something like "Most Requested." It outperforms a plain text list because the imagery builds immediate visual context, and it outperforms a full product grid because the tight four item limit keeps the section focused.
A natural flow around it on an Ecommerce page:
Before
After
The grid accepts any set of visually consistent items where a photo, a short name, and a price or label tell the full story at a glance.
Tip: keep all four images at a consistent aspect ratio and subject distance so the grid reads as a set rather than a collage.