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.
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.
Set up products
To set up products:
In Theme editor, go to Theme settings > Products.
Select a setting described in the following table.
|Color swatches > Enable color swatches on product pages
|Select 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 pages
|Select 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 filters
|Select 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.