The Collection list section displays a grid of selected collections on your home page, collection pages, or product pages.
This section can be used on the following page templates:
Collection pages template
Add a Collection list section to the home page
To set up a Collection list:
STEPS
From your Customize theme editor, choose Home page from the drop-down menu at the top of the screen.
Scroll to the bottom of the home page sections and choose Add section
Choose Collection list from the list of sections.
This opens the Collection list section settings.
Add Heading text to display above the section.
(Optional.) Add Subheading text to display beneath the Heading.
Change the Columns per row between 2
and 6
collections per row.
Return to the list of Home page sections to find your new Collection list section with the content blocks nested below.
Use the drag handles to rearrange the order of the blocks:
Use the Add collection button to add as many collections as you like.
Use the Select collection button to select from your store's product collections.
You can also use the Remove block button to remove a collection from this section.
For more information about collections, see Shopify's guide.
Add a Collection list section to other pages
In addition to the home page, the collection list section can be added to the Collection pages and Product page templates.
STEPS
From your Customize theme editor, choose Collections or Products from the drop-down menu at the top of the screen.
Click on the arrow beside Collection features or Product features.
Use the Add block button to select Collection list.
This opens the Collection list section settings.
Add Heading text to display above the section.
(Optional.) Add Subheading text to display beneath the Heading.
Use the Select collection button to select from your store's product collections.
You can add up to 6 collections.
Return to the list of Product or Collection features. Use the drag handles to rearrange the order of the blocks:
Settings reference
For Collection list sections, the following settings are available:
Heading
Add heading text.
We recommend a title of just a few words long.
Subheading
Add subheading text.
Use the formatting buttons to add bold, italic, and linked text.
Max width of text
Control the width of the subheading text.
Image aspect ratio
Choose to display your collection image as Square, Landscape, or Portrait.
The default Natural setting will display the original orientation of your images..
Use alternate selection color
Set the background color to the Alternate Section Color as chosen in your Color Settings.
See Spark's Color settings documentation to learn how to set Alternate section colors.