Collections list page settings


Setting 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.
Breadcrumbs color scheme Choose an appropriate color scheme for the breadcrumbs from the schemes list. The color scheme includes different colors for the background and text.
Use custom active breadcrumb color Enable this option to set a custom color for the active breadcrumb.
Custom color for active breadcrumb Choose your desired color from the color palette.


Setting Description
Background image You can set a background image for the banner to enhance its visual appeal. The background image will be displayed behind the content, adding depth and style to your banner.
Banner height

Select the height of the banner:

  • Default: The height is determined by the content, taking into account the section paddings, which can be adjusted as needed.
  • Small
  • Medium
  • Large
Overlay Select the gradient color to be applied over the banner image.
Image overlay opacity The “Image overlay opacity” setting allows you to adjust the transparency of the overlay that is applied to images on your website. Use the slider to make changes in banner image.
Color scheme

Choose an appropriate color scheme for the banner from the schemes list. The color scheme includes different colors for the background, heading, breadcrumbs, and other elements in the banner.

*Applying a color scheme automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used.  Learn more about color schemes.
Heading Enter an inspiring heading for the collection list page template to encourage customers making purchases.
Heading size

The heading size setting offers three options to control the size of your site's headings:

  • Small
  • Medium
  • Large
Font weight

Font weight defines the thickness or boldness of text on your store. Available options for heading:

  • Normal (400): The default font weight for body text, which can also be applied to headings.
  • Medium (500): Slightly thicker, suitable for emphasized body text or light headings.
  • Semi-Bold (600): Heavier, ideal for subheadings or highlighted text.
  • Bold (700): Strongest weight for maximum emphasis.
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 using a slider.
Top padding mobile The “Top padding mobile” setting allows you to adjust the amount of space at the top of the banner for mobile devices using a slider. 
Bottom padding mobile The “Bottom padding mobile” setting functions similarly to the “Top padding mobile” setting, but controls the space at the bottom of the banner for mobile devices using a slider.

Collections settings


Setting Description
Custom collections Manually choose which collections appear on this page instead of showing every collection in the store. If no collections are selected, all collections will be displayed.
Sort collections by:

Controls the order collections are listed in. Options:

• Alphabetically, A-Z (Default)

• Alphabetically, Z-A

• Date, new to old

• Date, old to new

• Product count, high to low

• Product count, low to high
Number of columns on desktop Controls how many collections are shown per row on desktop. Range: 1–4, step 1 (default: 3).
First card color scheme Sets the colors specifically for the first (largest/featured) collection card in the grid, independent of the others. (default: Scheme 1).
Image style

Controls how collection images are cropped/framed. Options:

• Standard

• Cover

• Cover first card (Default) — only the first card uses a full-bleed cover image.
Image ratio

Controls the aspect ratio of the collection images. Options:

• Adapt to image (Default)

• Portrait

• Square

• Landscape

• Custom

Add images by editing your collections.
Custom image height Sets a custom image height as a percentage of the card width. Range: 40–140%, step 1% (default: 120%). Only available when Image ratio is set to Custom.
Show description Displays each collection's description text below its name. Disabled by default.
Pagination button color

Controls the style of the pagination buttons at the bottom of the page. Options:

• Primary (Default)

• Secondary

Mobile layout


Setting Description
Number of columns on mobile   The setting allows you to choose the number of columns in which your collections will be displayed on mobile. You can select from the list: 1 column or 2 columns.

Content settings


Setting Description
Top padding The “Top padding” setting allows you to adjust the amount of space at the top of the collections list using a slider. 
Bottom padding The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the collections list. 
Top padding mobile The “Top padding mobile” setting allows you to adjust the amount of space at the top of the collections list 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 collections list for mobile devices.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us