Collection list buttons

Theme section

Use the Collection lists buttons section to display selected collections as clickable buttons, either in multiple rows or in a single row slider that visitors can swipe through.

Set up section

Add this section to your template and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.

Editing a template changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.


In your theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

    Learn how to use templates in our Templates guide.

  2. Under Template, click (+) Add section and select Collection list buttons.

  3. Click and hold the drag-and-drop handles ⋮⋮ to re-order your sections.

Select feature collections

Select multiple Collections to display as buttons that link to those collections.

We recommend adding a Collection image in your Shopify Admin. If no image is set, Cornerstone will use a product image from that collection by default.


In your theme editor (Customize):

  1. Click on Collection list buttons to open the settings.

  2. Under the Collection listing, use the Select collections button to check off all the collections you want to feature.

  3. Select the Number of columns to display on both desktop and mobile screens_._

    The size of the collection images will change according to the number of columns.

  4. In the Collection list, click and hold the drag-and-drop handles ⋮⋮ to reorder your collections.

  5. Click Save.

Settings reference

Click the Collection list buttons section to find the following settings.

Header content

Collection list

Section layout

Collection items style

Section style

Related links

Collection list Collection list page Featured collection Featured collection with media

Last updated