> 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/collections-page/main-collection-product-list.md).

# Product list

### What It Does

The **Product list** section lets you customize the list of products in the collection.

***

### Settings

#### **Enable breadcrumbs**

When enabled, displays breadcrumbs. Disable to hide it.

#### **Enable sorting**

When enabled, displays sortied items. Disable to hide it.

#### **Enable grid view switch** 

When enabled, displays the grid view. Disable to hide it.

#### **Show total number of products**

When enabled, displays the total number of products. Disable to hide it.

#### **Enable filter** 

When enabled, displays the filters. Disable to hide it.

\
**Sticky filter on scroll**

#### **Sticky filter on scroll**

Keeps this element fixed on screen while scrolling.

#### **Layout** 

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

#### **Border radius** 

Rounds the corners of this element.

#### **Margin** 

Adds space around the outside of this element.

#### **Shadow** 

Adds a shadow effect for visual depth.

#### **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 %}

**Products**

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

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

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

Controls the Maximum number of products per view / row (mobile). Choose from: 1 item, 2 items.

**Appearance**

#### **Color scheme**

Applies a predefined color scheme to this element.

#### **Input color scheme** 

Controls the Input color scheme. Choose from: Primary, Secondary.

{% hint style="info" %}
Color scheme: Applies a predefined color scheme to this element.
{% endhint %}

**Spacing**

#### **Maximum padding top**

Adjusts the space above the content.

#### **Maximum padding bottom**

Adjusts the space below the content.

***