Spark 1.0

Collection list

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:

  • Home page template

  • Collection pages template

  • Product page template

Add a Collection list section to the home page

To set up a Collection list:

STEPS

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

  2. Scroll to the bottom of the home page sections and choose Add section

  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:

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

  2. Click Save.

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.

STEPS

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

  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:

  8. Click Save.

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.