Fluorescent Logo
Back to the index

Collection list

The Collection list section adds a list of collections as a section on your home page. You can choose which of your collections are displayed.

Collection list section

This section can be used on the following page templates:

  • The home page template.
  • The collection pages template.

Add a collection list to your home page

To set up a collection list:

  1. From your theme’s “Customize” screen, choose Home page from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed

  2. Scroll down the list of home page settings until you see the Add section button.

    Add section button

  3. Choose Collection list from the list of sections, and press the Add button.

  4. Use the Add collection button to add up to 12 collections.

    Use the Select collection button to select from your store’s product collections. You can use the Edit collection link if the collection isn’t quite right yet.

    You can also use the Remove content button to remove a collection from this section entirely.

  5. Change the Heading text.

  6. Change the Collections per row.

  7. Use the Back to settings (<) button to go back to all of the home page settings again. Use the drag handles to rearrange the order of your home page sections:

    Shopify section drag handles

  8. 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 to other pages

In addition to the home page, the collection list section can be added to the Collection pages template.

  1. From your theme’s “Customize” screen, choose Collection pages from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed

  2. Scroll down the list of available settings until you find Collection list. Click on it.

  3. Check the Enable checkbox to show this section.

  4. Use the Add collection button to add up to 12 collections.

    Use the Select collection button to select from your store’s product collections. You can use the Edit collection link if the collection isn’t quite right yet.

    You can also use the Remove content button to remove a collection from this section entirely.

  5. Change the Heading text.

  6. Change the Collections per row.

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

Settings

For each collection you add, the following setting is available:

Select collection
Choose from your store’s list of product collections.

The collection list section has the following settings:

Enable
Check this checkbox to enable the collection list section.

This setting does is not available when adding a section to the home page. To disable this section from appearing on the home page you need to use the Remove section button from within the section’s settings list.

Heading
Add heading text to be displayed above the list of collections.

We recommend keeping this to only a few words long.

Collections per row
Choose how many collections should be displayed per row. You can choose between 2 and 4 collections.

Note that there’s a total of 12 collections you can display as part of this section.

Related articles

  • Home page
  • Collection pages
  • Shopify Product Collections
© 2014-2020 Fluorescent Design Inc.   •   hello@fluorescent.co