Collections list page settings

Select a color scheme from the list and customize it with appropriate colors for the heading and background.

Applying a color scheme to the countdown bar section 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.

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

Enter an inspiring heading for the collection list page template to encourage customers to make purchases.

If you leave this field empty, the banner will display the name of this page as set in the admin panel.

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

• Small
• Medium
• Large

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.

This option allows you to set the horizontal alignment of the content:

• Left
• Center
• Right.

Choose appropriate color scheme for section — list with collections.

*You can edit colors of color scheme 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.

Choose the sorting option for displaying collections on the collection list page template. This can include options like alphabetical order, price, or date.

*These settings are designed specifically for default collections added to the Collection section on the Dashboard, allowing you to sort them according to your preferences. However, when utilizing a custom collection block, use other settings for changing their appearance.

• Standard: Collections are displayed with the image first, followed by a card containing the heading, description, and link.
• Cover: The content (heading, description, and link) is placed within a colored container on top of the image, creating a unique and visually appealing look.
• Cover first card: Only the first card has an image that covers the content, while the others follow the standard collection card layout.

Image Ratio controls how your images look based on their shape. Here are the options:

• Adapt to Image: Keeps the original shape of the image, no cropping.
• Portrait: Makes the image taller.
• Square: Makes the image a perfect square.
• Custom: Allows to set image height in the next option.

Path:

1. Navigate to Shopify admin panel;
2. Click on Collections section;
3. Click “Create collection” button on the right corner or click on created collection before from the list;
4. In Description field, type a brief description about your collection;
5. Enable this option to show description.

Choose appropriate color scheme for section — list with collections.

*You can edit colors of color scheme 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.

Choose the sorting option for displaying collections on the collection list page template. This can include options like alphabetical order, price, or date.

*These settings are designed specifically for default collections added to the Collection section on the Dashboard, allowing you to sort them according to your preferences. However, when utilizing a custom collection block, use other settings for changing their appearance.

The “Image ratio” setting allows you to control how images are displayed on your website based on their width-to-height ratio. You have several options to adjust collection image appearance near its products:

• Adapt to image: This option uses the aspect ratio of the images, ensuring that they are not cropped and displayed in their original dimensions.
• Portrait
• Square

This option allows you to set the number of collection cards displayed in a row.

*Note: this option works with default collections only.

Set the number of collection cards displayed per row on mobile devices.

*Note: this setting applies to default collections only.