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.
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:
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.
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.
Select a section setting described in the following table.
Section setting name | Description |
---|---|
Show heading | Select the Show heading checkbox to show/ hide collection titles inside the section. |
Collections per row on desktop | Use 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 images | Use the Crop image dropdown to set the shape for images inside the section. The options are No crop, Landscape, Square, and Portrait. |
Full width | Select the Full width checkbox to turn on/ off using the full width of the collection image area, inside the section. |
Text size | Use the Text size dropdown to set the size for text inside the section to Medium or Large. Refer to Typography. |
Text color | Select 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 settings | Select 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:
Go to Customize theme. At the top of the page, use the dropdown to select Collection list.
From the side menu, expand the Collection list page section menu.
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.
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.
Apply the corresponding block settings described in the following table.
Block setting name | Description |
---|---|
Choose collection | Use the Choose collection menu options to set up a collection inside the block.
|
Overlay text color | Select 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 block | Select Remove block to delete the block from the current section. |