Appearance
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.
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 Show 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:
Go to Theme settings > Product tiles.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Media aspect ratio | Use the Media aspect ratio options to set the width-to-height ratio for images inside the product tiles. The options are Natural, Landscape, Square, and Portrait. |
| Show sale and sold out badges | Select 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 hover | Select 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 vendor | Select the Show vendor checkbox to hide/show the names of product vendors inside the product tiles. |
| Star ratings | Use the Star ratings options 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 color | Select the Star ratings color radio buttons to apply the color scheme's Text or Accent color to the star (rating) icons inside the product tiles. |