> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/page-setup/collection-list-page/main-collection-list.md).

# Main collection list

### What It Does

The main collection list section lets you add multiple collections to your store.

***

### Settings

#### **Sort collections by:**

A field that controls how to sort your collections. Choose from: Alphabetically, A-Z, Alphabetically, Z-A, Date, new to old, Date, old to new, Product count, high to low, Product count, low to high.

#### **Layout**

Controls the Layout. Choose from: Full width, Fit to width.

#### **Heading**

The heading text displayed in the title element.

#### **Body text**

Rich text content with formatting options.

**Collection card**

#### **Type**

Controls the Type. Choose from: Box, Standard.

#### **Image ratio**

Controls the Image ratio. Choose from: Square, Portrait.

#### **Maximum number of collections per view / row (desktop)**

Controls the Maximum number of collections per view / row (desktop).

#### **Maximum number of collections per view / row (mobile)**

Controls the Maximum number of collections per view / row (mobile).

**Collection card appearance**

#### **Gap**

Controls the spacing between items.

#### **Overlay opacity**

Controls the transparency level.

#### **Horizontal alignment**

Controls the text alignment.

#### **Padding**

Adjusts the spacing around the content.

#### **Border width**

Sets the thickness of the border.

#### **Border radius**

Rounds the corners of this element.

#### **Enable zoom effect on hover**

When enabled, displays this element. Disable to hide it.

**Appearance**

#### **Heading font size**

Controls the text size. Choose from: Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1.

#### **Body text font size**

Controls the text size.

#### **Horizontal alignment**

Controls the text alignment.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

**Spacing**

#### **Maximum padding top**

Adjusts the space above the content.

#### **Maximum padding bottom**

Adjusts the space below the content.