For the complete documentation index, see llms.txt. This page is also available as Markdown.

Collection list page

Display all store collections in a customizable grid layout.

How to access

  1. Go to Shopify Admin → Online Store → Themes.

  2. Click Customize on your active theme.

  3. From the top dropdown, select Collection List

  4. Select Collection List Pagefrom the left sidebar.

Section Settings

Setting
Description

Layout

Expand to full width

Extends the section to the full browser width.

Color scheme

Sets the background and text colors.

Background opacity

Controls the background opacity.

Content

Heading

Sets the section heading.

Heading size

Sets the heading size. Choose from Small, Medium, or Large.

Desktop content alignment

Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.

Collection card

Collections per page

Sets the maximum number of collections displayed per page.

Collection list style

Sets the collection card style. Choose from Classic or Modern.

Enable collection description

Shows or hides the collection description.

Enable collection count

Shows or hides the number of products in each collection.

Column alignment

Aligns the collection card content. Choose from Left, Center, or Right.

Aspect ratio

Sets the image aspect ratio. Choose from Square, Portrait, Landscape, or Adapt to image.

Sort collections by

Sets the collection sorting method.

Column settings

Desktop columns

Sets the number of columns displayed on desktop. Choose from 3, 4, or 5.

Mobile columns

Sets the number of columns displayed on mobile. Choose from 1 or 2.

Gap

Controls the spacing between collection cards.

Section padding

Top side

Space above the section.

Bottom side

Space below the section.

Last updated