Collections list page

This guide describes setting up the Collections list page section.

Use the section to customize how collections are displayed on the Collections list page. The section lists all your store's collections by default. To display specific collections inside the section, use a dedicated Collection block for each collection.

​

​The previous image shows a Collections list page section on a store's Collections list page. On the left, part of Theme editor's section menu is displayed. To specify the number of collections to display in each row inside the section, on desktop display devices, the menu's Collections per row on desktop option is set to 3.

For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks.

Set up a Collections list page section

To set up a Collections list page section:

1. In Theme editor, at the top of the page, use the theme templates dropdown menu to select Collections list.

   Note

   The section is available only on Collections list pages.

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

3. Select a setting described in the following table.

Setting name	Description
Show title	Select the Show title checkbox to show/hide the section's title inside the section.
Show collections count as superscript	Use the Show collections count as superscript option to show or hide a number inside the section. The number is displayed as superscript and indicates how many collections there are on the collections list page. To use this option, turn on the Show title option.
Collections per row on desktop	Adjust the Collections per row on desktop slider to set the number of collections to display in each row inside the section. The slider ranges from 2 to 4. This setting applies to desktop display devices.
Rows	Adjust the Rows slider to set the number of rows to use for displaying the section's collections. The slider ranges from 1 to 8.
Crop images	Use the Crop images options to set a cropping shape for images inside the section. The options are No crop, Landscape, Square, and Portrait.
Content > Font	Use the Font setting to specify a font for the section's text. Set the section's text to use the same font as Heading or Body text.
Content > Text size	Use the Text size setting to specify a text size for the section's text. Set the section's text to use the same text size as Body, Standard heading, Feature heading, or Secondary heading text.
Content > Content position	Use the Content position setting to specify a position for text inside the section. The options are: Top left, Top center, Top right, Left, Center, Right, Bottom left, Bottom center, and Bottom right.
Color > Color scheme	Use the Color scheme picker to select a color scheme for the section. Refer to Colors.
Color > Use this color scheme for header and footer	Use the Use this color scheme for header and footer options to turn "header and footer color" mode on or off. With this setting enabled, the color scheme you choose for the section is also applied to the current page's header and footer. Note that this option only applies to the collections list template.
Theme settings	If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSS	Select Custom CSS. In the CSS field, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.

Note

To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in Theme editor.

To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the theme editor.

Configure a Collection within a Collections list page section

A default Collections list page section contains no Collection blocks. To configure a Collection block within a Collections list page section:

1. In Theme editor, at the top of the page, use the theme templates dropdown menu to select Collections list.

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

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

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

   Note

   Inside the section, you can add, remove, show, hide, and move blocks. Refer to Configure blocks inside a section and Shopify help: Sections and blocks.

4. Select a block setting described in the following table.

Setting name	Description
Collection	Use the following Collection picker options to set up a collection inside the block. To add a collection, choose Select, enter the name of a collection into the Search box or select a collection from the list. To create a new collection, choose Select > Create collection to access the Create collection page in Shopify admin. Refer to Shopify help: Collections. To replace a collection, choose Select > Replace. Enter the name of a collection into the Search box or select a collection from the list. To remove a collection, choose Select > Remove collection.
Content position	Use the Content position setting to specify a position for text inside the block. The options are: Use default, Top left, Top center, Top right, and more. The Use default option applies the section's content position setting to the block. All other options override the section's content position setting.
Color > Color scheme	Use the Color scheme picker to select a color scheme for the block. Refer to Colors.
Color > Follow section color scheme	Use the Follow section color scheme setting to turn on or off "Follow section" mode. With this setting enabled, the section's color scheme is applied to the block.
Remove block	Select Remove block to delete the block from the current section.