Appearance
Promo Tiles
A grid of promotional image cards, each linking to a collection, product, or page. Great for highlighting categories or seasonal campaigns.
What it looks like
Here's the Promo Tiles section alongside its settings in the theme editor. The left panel shows the settings you'll see in Customize, and the right shows the result on your storefront.
Storefront preview
Image sizes
Tile images are requested at 600px wide. Image ratio decides the shape: Adapt keeps the photo's own shape, and Square (1:1), Portrait (3:4) and Landscape (4:3) crop to fill. Pick one ratio for the whole row so the tiles line up.
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for this section |
| Heading | A title that appears above the tiles |
| Columns | How many tiles show per row — 2, 3, or 4 |
| Image ratio | Crops every tile image to the same shape — square, portrait, or landscape. Adapt keeps each image's natural proportions. |
| Overlay opacity | Tile text sits below the image on each card, so it stays readable against any photo |
Blocks
Tile
Each tile is a block:
| Setting | What it does |
|---|---|
| Image | The background image for this tile |
| Heading | The text that appears on the tile |
| Text | A short description below the heading |
| Button label | What the button says on this tile |
| Button link | Where the tile takes people when clicked |
You can add up to 6 tiles.
When it isn't showing
The section hides itself unless it has a Heading, or a tile carrying an image, heading, text or button label. An empty tile block does not count.
Tips
- Use the same image shape for all tiles so the grid stays visually even. Square works well for 3 columns; landscape works well for 2.
- Keep tile headings short — one or two words per tile. The image should do most of the communicating.