Ira 3.0

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.

This section can be used on the following page templates:

  • Home page template

  • Collection pages template

Add a collection list to your home page

To set up a collection list:

STEPS

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

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

  3. Choose Collection list from the list of sections.

    This opens the Collection list settings.

  4. Change the Heading text.

  5. Change the Collections per row.

  6. Choose an Image aspect ratio for all collection images.

    This setting auto-crops images to a single aspect ratio, making it easy to quickly add images and make them look uniform.

    Use the Natural option if you don't want images to be auto-cropped.

  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:

  8. 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 also use the Remove content button to remove a collection from this section entirely.

  9. Click Save.

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 and Product pages template.

STEPS

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

  2. Choose Collections list from the list of sections.

    This opens the Collection list section settings.

  3. Check the Enable checkbox to show this section.

  4. Change the Heading text.

  5. Change the Collections per row.

  6. Choose an Image aspect ratio for all collection images.

    This setting auto-crops images to a single aspect ratio, making it easy to quickly add images and make them look uniform.

    Use the Natural option if you don't want images to be auto-cropped.

  7. Return to the list of Product or Collection page sections to find your Collection list section with the content blocks nested below.

    Use the drag handles to rearrange the order of the blocks:

  8. 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 also use the Remove block button to remove a collection from this section entirely.

  9. Click Save.

Settings reference

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.

Note: This setting 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.

Image aspect ratio

Use this setting to automatically crop images to a specific aspect ratio. Choose from Square (1:1), Landscape (3:2), or Portrait (2:3) aspect ratios.

Choose Natural if you do not want your images to be cropped.

Last updated