Superstore’s Collections list section provides expanded controls and settings to showcase collections on a page.
Customize Section Settings
Click the Collections list section to open its general settings.
Add optional heading
In the Heading field, add the desired title to display at the top of the section.
Colors
Choose an optional Section heading color, Section subheading color, and Section background color.
Text appearance
Choose which font will be assigned to each collection title with the Collection title font dropdown. The two options are Headings and Body font. These will reflect the font settings set up in the Typography Theme settings.
Use the Text alignment dropdown to determine the position of the collection title text in relation to the collection images. The three options are Left, Center, and Right.
Layout for desktop
Adjust the Collections per row slider to choose how many collection blocks are included in each horizontal row for desktop view. Feature a minimum of 3 and a maximum of 6 collection blocks with this setting.
The Hide collections after setting controls how many rows will be included in the collections list section. This will be set to Show all collections by default, but this can be used to limit the number of rows by choosing one of the other options in the dropdown.
Layout for mobile
Just like the desktop layout, adjust the Collections per row slider to choose how many collection blocks are included in each horizontal row for mobile view. Feature a minimum of 2 and a maximum of 3 collection blocks with this setting.
The Hide collections after setting controls how many rows will be included in the collections list section in the mobile view. This will be set to Show all collections by default, but this can be used to limit the number of rows by choosing one of the other options in the dropdown.
Customize Collection Blocks
Click to open one of the preloaded Collection blocks to customize it.
Each of the collection blocks can be rearranged by clicking, holding, then dragging the block with the cursor on the right-side icon. Add more by selecting (+) Add Collection.
Select collection
Click Select collection to assign a collection to the block.
Image
Add an optional alternative image by clicking Select image under the Custom image label. When active, this image will replace the Collection image assigned in the Products admin. This custom image will only be in effect for the Collections list section.
Title
There is also the option to replace the collection’s title with a Custom collection title. Just like the Custom image, this custom title will only be in effect for the Collections list section.