Skip to content

Products

This guide describes the Theme settings > Products menu options.

Use the menu options to define defaults for displaying products on your store's product and collection pages. To override a default setting, adjust the section settings for a specific section. Refer to Sections overview.

Two example product quantity selectors on a store's product page, with the Theme settings Products menu in Theme editor.

The previous image shows two example Product quantity selectors on a store's Product page. Each image displays a different selector style. On product pages, a store visitor uses the selector to add specific quantities of products to their cart. At the top, in Theme settings > Products, the Quantity selectors style option is set to Dropdown. At the bottom, in Theme settings > Products, the same option is set to Stepper. On the right, each corresponding Product quantity selector is displayed.

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

Configure products pages

To set how products are displayed on your store's product and collection pages:

  1. Go to Theme settings > Products.

    The Theme setting's Products menu in Theme editor.

  2. Select a setting described in the following table.

Setting nameDescription
Quantity selector styleUse the Quantity selector style options to set the product quantity selector's style to Stepper or Dropdown. The selector is displayed on product pages for adding specific quantities of products to an order.
Color swatches > Enable color swatches on product pagesSelect the Enable color swatches on product pages checkbox to show/ hide color swatches on product pages.