Skip to content
On this page

Product tiles

This guide describes the Theme settings > Product tiles menu options.

Use the settings to specify how product tiles (images) are displayed throughout your store.

An example store's Product page with Theme settings' Product tiles menu.

In the previous image, a store's "All products" collection page is displayed. The page includes product tiles. On the left, in Theme settings > Product tiles, to display On sale and Sold out badges on the product tiles, the checkbox option to Show on sale and sold out badges is set to on. As an example, on the right, an On sale badge is displayed over a product tile.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings

Configure product tiles

To set how product tiles are displayed throughout your store:

  1. Go to Theme settings > Product tiles.

    The Theme setting's Product tiles menu in Theme editor.

  2. Select a setting described in the following table.

Setting nameDescription
Media aspect ratioUse the dropdown Image aspect ratio to set the width-to-height ratio for images inside the product tiles. The dropdown options are Natural, Landscape, Square, and Portrait.
Show sale and sold out badgesSelect the checkbox Show on sale and sold out badges to show/hide badges. The badges are displayed on product tile images, for store products listed as "on sale" and/or "sold out".
Show second image on hoverSelect the checkbox Show second image on hover to show/hide a second image of a product whenever the cursor's placed over a product tile ("mouse over").
Show vendorSelect the Show vendor checkbox to hide/show the names of product vendors inside the product tiles.
Star ratingsUse the Star rating dropdown to set the type of ratings to display inside the product tiles. The options are Theme or Shopify product reviews. Refer to Shopify help: Product reviews
Star ratings colorSelect radio buttons Star ratings color to apply the color scheme's Text or Accent color to the star (rating) icons inside the product tiles.