Hero Grid 1
Hero Grid 1
One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them.
- Price
- Free
- Category
- Hero & Banners
- Merchant installs
- 3
- Works with
- Any OS 2.0 theme
Installs via the Section Shop app · shows as “SShop:Hero Grid 1” in your editor
- hero
- bento
- grid
- promo tiles
- feature card
- cut-out
How to add Hero Grid 1 to your store
- 1
Install Section Shop
Get the free app from the Shopify App Store — takes one click.
- 2
Add “Hero Grid 1”
Find it in the Hero & Banners category and click Add to theme.
- 3
Customize in your editor
It appears as “SShop:Hero Grid 1” — edit text, images, colors and fonts, then save.
More hero & banners sections
View all →
Free Newsletter Band 1
Hero & Banners
A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place.
View section →
Free Coverflow 2
Hero & Banners
A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to.
View section →
Free Coverflow 1
Hero & Banners
A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward.
View section →