Collection grid

Color scheme

Read Color scheme article to learn more about color schemes.

Top divider

Setting	Description
Show divider	Enables a top divider to visually separate the section from the content above.
Line opacity	Adjust the transparency of the divider line.
Thickness	Set the thickness of the line.
Padding	Space below the divider line.
Padding mobile	Space below the divider line on mobile devices.

Subheading, heading, and description

Subheading, heading, and description settings are global settings that apply to the entire theme. They can be found in the Global settings category.

For more details, read this article: Subheading, heading, and description

Grid

Setting	Description
Desktop columns	You can display 1 to 5 collections per row.
Mobile columns	You can display 1 or 2 collections per row.
Desktop horizontal spacing	Set the space between collections in the same row. Note: The changes will be visible if there are 2 to 5 collections in a row.
Mobile horizontal spacing	Set the space between collections in a row for mobile devices. Note: The changes will be visible if there are 2 collections in a row on mobile.
Desktop vertical spacing	Set the space between rows of collections on desktop.
Mobile vertical spacing	Set the space between rows of collections on mobile.

Card settings

Setting	Description
Card color scheme	Choose color scheme from the list and apply to collection cards. It can match the section or be different, depending on the style you want: Standard (Color scheme same as section color scheme): All content appears below the image without a separate background or border. Card (Different color scheme): Displays the image and all content inside a single card with a distinct background that separates it from the surrounding section.
Card media color scheme	Choose a color scheme for the card media. It can apply a different background and text color for button placed on top of the image.
Image ratio	You can adjust the main collection image (default or custom). Available options: Adapt Adapt to content Tall Portrait Square Landscape Wide Ultra wide

Collection name

Show collection name	Enable this toggle to display the collection name below the collection image. When turned on, additional customization options for the collection name will appear.
Preset	In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption,Paragraph. Choose which style to apply in this block. H1-H6: This style allows you to select a heading level from H1 to H6, and customize it using the options below. Caption: This style is used for short supporting text, such as labels or annotations. Paragraph: This style is used for standard body text. Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
Font	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
Color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent
Text style	Choose text style for preset: Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin. Uppercase: ALL LETTERS ARE CAPITALS Lowercase: all letters are small
Name bottom space	The 'Name bottom space' option appears when you enable "Show description" toggle. It lets you adjust the space below the heading.
Name bottom space mobile	Adjust the space below the heading specifically for mobile devices.

Description

Show description	Enable this toggle to display the collection description below the collection name. When turned on, additional customization options for the collection name will appear.
Preset	In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption,Paragraph. Choose which style to apply in this block. H1-H6: This style allows you to select a heading level from H1 to H6, and customize it using the options below. Caption: This style is used for short supporting text, such as labels or annotations. Paragraph: This style is used for standard body text. Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
Font	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
Color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent
Text style	Choose text style for preset: Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin. Uppercase: ALL LETTERS ARE CAPITALS Lowercase: all letters are small

Button

View collection button	Enable this toggle to display a button that links to the collection page. When 2 collections are displayed in a row, the button appears at the top of the images. When 3 to 5 collections are displayed in a row, the button appears below the collection. When only one collection is displayed per row, the button appears on either the left or right side, depending on the collection image placement. Each subsequent collection alternates its layout from right to left.
Button label	Add a label for the button that leads to the collection detail page.
Button style	Choose the button’s appearance: Primary: The main button style. It uses the primary color from your color scheme. You can choose to fill it with the background color or display it as an outline if the background is set to transparent. Secondary: A secondary action style, using the secondary color from your color scheme. Like the primary button, it can be filled or outlined depending on the background settings. Inline: Minimal style that looks like text with an underline.
Button icon	This setting lets you add a small visual indicator to your button. None: The button displays only the text, with no icon. Dot: A small dot appears before the button label.

Padding

Padding is the space inside a section that separates the content from the section’s edges.

See this article to set paddings: Section padding