Appearance

Products ​

This guide describes the Theme settings > Products menu options.

Use the menu to set (some) options for displaying products on your store's Product and Collection pages. Refer to Shopify help: Products.

An example store's home page with the Theme setting's Products menu open in Theme editor.

The previous image shows a store's Product page. In the upper left, part of Theme editor's Theme settings > Products menu is displayed. The menu's Enable color swatches on product pages option is checked (set to on). With this setting enabled, color squares or "swatches" are displayed on Product pages. In the previous image, the color swatches are displayed in the center right area. Each swatch represents a product color variant. Store visitors select a color swatch to choose a product color.

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

Set up products ​

To set up products:

  1. In Theme editor, go to Theme settings > Products.

    Theme editor's Products Theme settings menu.

  2. Select a setting described in the following table.

Setting nameDescription
Color swatches > Enable color swatches on product pagesSelect the Enable color swatches on product pages checkbox to show/hide color swatches on your store's Product pages. To use this option: In the Product pages section for a product with color variants, add a Variant picker block, and then, inside the Variant picker block's settings menu, set Options style to Button.
Color swatches > Enable color swatches on collection pagesSelect the Enable color swatches on collection pages to show/hide color swatches inside product tiles on your store's Collection pages. To use this option: In a Collection section for a collection of products with color variants, inside the Collection section's settings menu, set the Product tile type option to Standard.
Color swatches > Enable color swatches in collection filtersSelect the Enable color swatches in collection filters checkbox to show/hide color swatches, inside the product filtering area, on your store's Collection pages. To use this setting, install the Shopify Search & Discovery app. Use the app to create a filter that adds a product option for Color. Set the Collection section to use a collection that contains products with color variants.