Hyper Theme
Hyper Theme
Theme Sections

Collection list

2 min read
image

The collection list displays a list of selected collections in a grid layout. It enables customers to browse through your store more efficiently.

Looking to add a banner along side the collection list? Check out:

How to add a Collection list section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section
  2. Locate Collection list
  3. Make necessary changes
  4. Save.
To know more about creating and editing collections, see: This tutorial.

How to edit a Collection list section

Section settings

Section header

Card settings

image

image
image

Grid settings

  • Number of columns on desktop: Adjust the slider to set the number of columns.
  • Column gap and Row gap: Adjust the spacing between collections.
  • Grid border: Enable if you want a clear separation between items. The Grid border once enabled will override the card's border.

Mobile layout

Enable swiping on mobile or display the collections in a 1/2/3 column layout.

image

Block settings

Each collection block has its own settings such as Collection title (Leave blank to use collection's title), Image, and Collection link to choose from.

image
Last updated