# Product list

This guide describes setting your store’s Product list section to display a list of products from a collection on a page.

In the following video, the option is enabled to show images in a product list section on the homepage.

For general guidance with modifying sections, refer to Sections overview.

# Set up a product list

To set up your store’s product list:

  1. Go to Customize theme, and then use the dropdown at the top of the page to select a template that contains a product list section. For example, select the Home page template.

    Note

    The product list section can be added into any page, except Checkout and Giftcard pages. To add a product list to the current page, select Add section > Product list. Refer to Shopify help: Add a section (opens new window).

  2. From the side menu, select Product list.

  3. Select a setting described in the following table.

Section setting name Description
Heading In the Heading text entry field, enter a title to display in the product list section.
Collection Set a collection as a product list. Refer to Set a collection as a product list.
Product image display Select the Product image display dropdown to set a display mode for images in the product list section. The dropdown options are Hide, Show and On hover.
Text size Select the Text size dropdown to set a text size for items in the product list. The dropdown options are: S = small, M = medium, M/ desktop L = medium on small displays and large on desktop displays, M/ desktop XL = medium on small displays and extra large on desktop displays, and M/ desktop 2XL = medium on small displays and extra large x 2 on desktop displays.
Product limit Select the Product limit slider to limit the number of items shown in the product list. The minimum number of items is 2 and the maximum is 100.
Show vendor Select the Show vendor checkbox to show/ hide the names of product vendors in the product list section.
Show ‘View all’ link Select the checkbox Show ‘View all’ link to show/hide a link in the product list section to the source collection.
Color scheme Use the Color scheme dropdown to set the color scheme for the product list to Primary, Secondary or Tertiary. Refer to Customize color schemes.
Theme settings Select Theme settings to access additional product list settings. Refer to Section theme settings menu.
Remove section Select Remove section to delete the product list section from the current page template.

# Set a collection as a product list

To set a collection as a product list, apply the following settings in Product list > Collection.

  1. Choose Select collection.

  2. From the Select collection menu, select one of the following options, and then choose Select.

    • To find a collection, enter the name of the collection in the Search box.

    • To create a new collection, select Create collection to open the Create collection page in Shopify admin. Refer to Shopify help: Collections (opens new window).

    • Select a collection from the list.

      The select product list settings menu in theme editor

# Change a product list

To change a product list, apply the following in Product list > Collection.

  1. Select the Edit collection link.

    The link opens Products > Collection on your store’s admin page. Use the editor to modify the collection. Refer to Shopify help: Collections (opens new window).

    The edit product list settings menu in theme editor
  2. Select the Change dropdown, and then choose one of the following options:

    • Select Change collection to access the Select collection menu. From the Select collection menu: enter the name of a collection in the Search box, choose a collection from the list or follow the Create collection link to open the Collection editor on your store’s admin page. Refer to Shopify help: Collections (opens new window).

    • Select Remove collection to delete the currently selected collection from the product list.