Appearance

Collections list page ​

This guide describes setting up the Collections list page section. Use the section to display your store's collections on the collection list page.

The following image shows a collections list page section on a store's collection list page. The page displays two collections (blocks). In the section's settings, the Crop images dropdown is set to Square, and the Text size option is set to Large.

A collections list page sectionon a store's collection list page.

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

Set up a collections list page section ​

To set up a collections list page section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Collection list.

    Note

    The section is available only on collection list pages.

  2. From the side menu, select Collections list page.

    A default collections list page section lists all of your store's collections. To specify the collections to display, refer to Configure a collection inside a collections list page section.

    The collections list page section selected in Theme editor.

  3. Select a section setting described in the following table.

Section setting nameDescription
Show headingSelect the Show heading checkbox to show/ hide collection titles inside the section.
Collections per row on desktopUse the dropdown Collections per row on desktop to set the number of collections to display in each row, inside the section. The options are 2, 3 or 4. This setting applies to desktop display devices.
Crop imagesUse the Crop image dropdown to set the shape for images inside the section. The options are No crop, Landscape, Square, and Portrait.
Full widthSelect the Full width checkbox to turn on/ off using the full width of the collection image area, inside the section.
Text sizeUse the Text size dropdown to set the size for text inside the section to Medium or Large. Refer to Typography.
Text colorSelect the Text color dropdown to set a color for text inside the collection section. The options are Primary text, Secondary text, Tertiary text, White or Black. If you're using collection blocks, set the color for each block.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.

Configure a collection inside a collections list page section ​

A default collections list page section displays all of your store's collections. Alternatively, you can specify the collections to display inside the section by configuring collection blocks.

To configure a collection block inside a collections list page section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Collection list.

  2. From the side menu, expand the Collection list page section menu.

  3. To configure an existing collection block, select the Collection block from the side menu.

    To add a new collection block, select Add collection, and then select the Collection block you added.

    The add collection block options for the collections list page section in Theme editor.

    Note

    Inside a collections list page section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, or Shopify help: Sections and blocks.

  4. Apply the corresponding block settings described in the following table.

Block setting nameDescription
Choose collectionUse the Choose collection menu options to set up a collection inside the block.
  • To add a collection, choose Select collection, and then select a collection from your store. Then, choose Select.
  • To create a collection, follow the Create collection link to create and add a new collection. Select the newly added collection, and then choose Select.
  • To replace a collection, choose Change > Change collection, and then select or create a collection.
  • To remove a collection, select Change > Remove collection.
Overlay text colorSelect the Overlay text color dropdown to set a color for text inside the block, like the collection title. The dropdown options are Default, Primary text, Secondary text, Tertiary text, White or Black. This setting overrides the section's overlay text color setting.
Remove blockSelect Remove block to delete the block from the current section.