We've recently relaunched all three of our themes. Watch the launch video here.

Collection list

The Collection list section displays a grid of selected collections on your home page, collection pages, or product pages.

Collection list section
Collection list section

This section can be used on the following page templates:

Add a Collection list section to the home page

To set up a Collection list:

  1. From your Customize theme editor, choose Home page from the drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Scroll to the bottom of the home page sections and choose Add section

    Add section button
    Add section button
  3. Choose Collection list from the list of sections.

    This opens the Collection list section settings.

  4. Add Heading text to display above the section.

  5. (Optional.) Add Subheading text to display beneath the Heading.

  6. Change the Columns per row between 2 and 6 collections per row.

  7. 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:

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section
  8. 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.

  9. Use the Save button in the top-right corner when you are finished editing.

For more information about collections, see Shopify's Collections 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.

  1. From your Customize theme editor, choose Collections or Products from the drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Click on the arrow beside Collection features or Product features.

  3. Use the Add block button to select Collection list.

    This opens the Collection list section settings.

  4. Add Heading text to display above the section.

  5. (Optional.) Add Subheading text to display beneath the Heading.

  6. Use the Select collection button to select from your store's product collections.

    You can add up to 6 collections.

  7. Return to the list of Product or Collection features. Use the drag handles to rearrange the order of the blocks:

    Shopify content drag handles
    Shopify content drag handles
  8. Use the Save button in the top-right corner when you are finished editing.

Collection list settings

For Collection list sections, the following settings are available:

Configuration Settings

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.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.