Collections list

A page to show the list of recent, most popular, or all the collections from your store admin that appear in grid view; learn how to create and manage collections in Shopify.

GENERAL

Color scheme

Choose a separate color scheme for the page.

Width

Choose the width of the section on the page.

COLLECTION

Heading

Fill in the heading with the text to group the collections under or to draw customers' attention.

Heading size

Choose the font size for the heading.

Select collections

Choose whether to show all or only selected collections on the page.

Collections

Select the collections from the list of your collections on the setting panel. To adjust their appearance, reorder them in the list of selected collections by dragging to the desired place.

CARDS

Image ratio

Choose the view and orientation of collection cover images.

Content position

Choose collection information position within the card.

Content alignment

Choose collection information alignment within the card.

Collection title size

Choose the font size for the collection title.

Show product count

Select to show how many products each collection includes.

Cards to show

Adjust how many collection cards appear in the section at once. Note that the option applies only when you select 'All' collections.

Desktop cards per row

For more than one collection card, adjust how many of them show in the row at once.

Desktop space between cards

Adjust the spacing at the top, bottom, and sides between the cards within the section.

Mobile space between cards

Adjust the spacing at the top, bottom, and sides between the cards within the section.

Pagination

If you have more collections than the section can fit, or if you have chosen to limit the number of visible cards on purpose, the collection list will be split. Choose how to navigate the content on multiple pages.

Click to load	shows a 'Load more' button at the bottom
Infinite scroll	automatically shows more content as you scroll down the page
Classic pagination	shows the number of pages with navigation arrows on the sides

PADDINGS

Add side paddings

Select to add extra space on the sides between the section and the screen.

Top padding

Adjust the space between the section and the previous element on the page.

Bottom padding

Adjust the space between the section and the following element on the page.