Tiles - Docs

A flexible grid layout to display images, text, and buttons in a tile format. Useful for organizing content, showcasing products, or highlighting different categories or features.

tiles

Adjust Tiles section

These settings allow you to customize the appearance and layout of the Tiles section, ensuring it fits seamlessly within your store’s design and effectively showcases the content within the tiles.

Within the Tiles section, the following fields can be adjusted:

Background color

Select a background color for the tiles section. This helps ensure the section matches your store's overall design.

Text theme

Choose the theme for the text color. Options include:
- Dark: Dark text on a light background.
- Light: Light text on a dark background.

Number of columns

Adjust the slider to set the number of columns for displaying tiles. This determines how many tiles are shown side by side in a row.

Section padding

Top padding: Adjust the space at the top of the tiles section. Measured in pixels (px).
Bottom padding: Adjust the space at the bottom of the tiles section. Measured in pixels (px).

Custom CSS

Add custom CSS to further style and customize the newsletter signup section according to your specific design needs and preferences.

Available blocks

Tile

Within the Tile, the following fields are available:

Image

Select image: Click here to upload or select an image for the tile.
Explore free images: Browse and select from free images available for use in the tile.

Heading

Enter a heading for the tile. This title will be prominently displayed on the tile.

Content

Provide additional information about the tile. Use the text editor tools to format the text, including bold, italic, lists, and links.

Tile link

Set the URL or page the tile will link to. You can paste a link or search for a specific page within your store.
Open link in new window: Check this box if you want the link to open in a new browser window or tab.

💡 Tip: You can use drag and drop to move individual blocks. In Shopify, individual blocks/sections can be removed (bin) or hidden (eye), and then revealed again.