Collection list page settings

Settings	Description
Show breadcrumbs	By enabling this option, breadcrumbs will be displayed above the page banner, providing navigation links to help visitors back to main page – homepage.
Heading	Add a heading to the collection list page.
Heading size	The heading size setting offers four options to control the size of the heading: Small Medium Large
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the banner using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the banner.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the banner specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the banner for mobile devices.

Grid

Setting	Description
Collections list layout	Controls the overall layout of the collections grid. • Grid — a uniform grid, revealing Number of columns for grid and Number of columns on mobile below. • Collage — a mixed/varied layout. (Default)
Number of columns for grid	Sets how many columns the grid uses on desktop, from 2 to 4. Only shown when Collections list layout is set to Grid.
Number of columns on mobile	Sets how many columns are shown on mobile: 1 column or 2 columns. Only shown when Collections list layout is set to Grid.

Setting

Description

Collections list layout

Controls the overall layout of the collections grid.

• Grid — a uniform grid, revealing Number of columns for grid and Number of columns on mobile below.

• Collage — a mixed/varied layout. (Default)

Number of columns for grid

Sets how many columns the grid uses on desktop, from 2 to 4. Only shown when Collections list layout is set to Grid.

Number of columns on mobile

Sets how many columns are shown on mobile: 1 column or 2 columns. Only shown when Collections list layout is set to Grid.

These settings apply only when the section has no blocks. With Collection blocks, set Card style, Image style, and image ratio in each block.

Setting	Description
Sort collections by:	Sets the default order collections appear in. • Alphabetically, A-Z • Alphabetically, Z-A • Date, new to old • Date, old to new • Product count, high to low • Product count, low to high
Card style	Sets the visual layout of each collection card. • Default — collection name with an arrow displayed on the image. • CTA button — overlays a solid button-style label on the image; hides the Collection cards group below (its settings don't apply to this layout).
Image style	Controls how the collection image fills its card. • Top — image sits at its natural ratio at the top of the card. • Cover — image fills and crops to cover the entire card.
Image ratio	Sets the aspect ratio of the collection image. • Adapt to image • Portrait • Square • Landscape Add images by editing your collections. Learn more.

Hide arrow button and Show count apply to Collection cards with or without blocks.

(Only shown when Card style is not CTA button)

Setting	Description
Hide arrow button	Hides the small arrow icon shown on the collection card. Disabled by default.
Show count	Displays the number of products in the collection on the card. Enabled by default.

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.