Promotion tiles

In the product grid, you can add promotion tiles that appear next to products. Choose an image or autoplay video, add promotional text, and link to other pages.

One column layout

Two column layout

Full width layout

Set up promotion tile

---

Add a promotion tile block, then set the width and height of the tile.

Click Promotion tile block to find settings

Setting	Description	Options
Position in results	Set the position of the promotion tile within the product grid results.	1-50 Default: 1
Width	Choose the width of the promotion tile relative to the product grid columns.	One column Two columns Full width
Mobile width	Choose the width of promotion tile for mobile screens.	One column Full width Default
Minimum height	Set the minimum height of the promotion tile.	150-600 Default: 300

Add image or autoplay video

---

Add an image or autoplay video (without sound) as the promotion tile's background.

Video requirements

For autoplay videos, make sure your video files meet the following requirements:

Video file type	.mp4 or .mov Embedded YouTube or Vimeo videos are not supported.
Video length	< 20 seconds (Recommended)
Video size	< 10MB (Recommended)

Click Promotion tile block to find settings

Setting	Description
Image	Select or upload an image for the promotion tile.
Mobile image	Select or upload an alternate image for mobile devices.
Video	Add a short autoplay video (without sound) to replace the image.

Add image overlay

---

The image overlay adds a layer of color to your image. Overlays help balance image and text for clarity and readability.

• Choose a Color scheme for the overlay and overlay text

• Change the Opacity to make the overlay more or less transparent

Use overlay for solid color slide

You can set the Overlay opacity to 100% to show solid color tile.

Click Promotion tile block to find settings

Setting	Description	Options
Overlay opacity	Adjust the transparency of the color overlay on the promotion tile.	0 - 100% Default: 20%

Add text

---

Add a heading and text to overlay the promotion tile.

Click Promotion tile block to find settings

Setting	Description	Options
Heading	Add a title for the promotion tile.	Default: Promotion
Text	Add descriptive text for the promotion.
Text alignment	Set the position of the text content within the promotion tile.	Top / Middle / Bottom Left / Center / Right

Add link and button

---

You can make the promotion tile a clickable link or add a button to redirect visitors to another page.

Click Promotion tile block to find settings

Setting	Description	Options
Link URL	Enter the URL that you want the promotion tile to link to.
Button label	Enter the text to display on the button.	Default: Shop now
Button style	Choose the visual style of the button.	Solid Default Outline Text
Button placement	Select where to position the button within the promotion tile.	Standard Bottom-anchored Default