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.

Cover

Using color overlays

Learn how to change overlay colors and use gradients.

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 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


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

Last updated

Was this helpful?