# Products

The Products page lets you Browse through all **Products** within a [Category](/user/brand-portal/categories.md).&#x20;

<figure><img src="/files/msJ4qbecIlMD9nNkv1lR" alt=""><figcaption><p>Products are displayed in a grid, you can see at glance their pictures, label, swatches and more.</p></figcaption></figure>

### Filtering

Extensive Filters are accessible on the left side of the screen.&#x20;

* See your active filters at the top-of the screen.&#x20;
* Use the <i class="fa-xmark">:xmark:</i> button to remove a filter.

<figure><img src="/files/sNnRtl5p3HAtOtA7ntMb" alt=""><figcaption><p>Use the quick access filters to quickly apply filters on the searched Products.</p></figcaption></figure>

<figure><img src="/files/xvXIru9ubilHmrxrcrum" alt=""><figcaption><p>Press the <strong>Filter</strong> button on the left hand side of the screen to open up the popup above and see all filter options.</p></figcaption></figure>

Using the <i class="fa-ellipsis-vertical">:ellipsis-vertical:</i>button you have access to the following actions on the current filtered **Products:**

* Add the Selection to the [Cart](/user/brand-portal/order-management.md).
* Add the Selection to the [Favorite List](/user/brand-portal/favorites-lists.md).

{% hint style="info" %}
Use the <i class="fa-magnifying-glass">:magnifying-glass:</i> Search Bar to look through Products in the current Collection.
{% endhint %}

### Sorting

Use the <i class="fa-bars-sort">:bars-sort:</i> button (on the right hand side of the screen) to sort the selected **Products,** various sorting selections are available depending on your **Collection** (Name, Price, Style ID, ...).&#x20;

### Quick Actions

When hovering over a **Product:**

* Use the <i class="fa-cart-shopping">:cart-shopping:</i> icon to add the Product to your [Cart](/user/brand-portal/order-management.md).
* Use the <i class="fa-heart">:heart:</i> icon to add the Product to your [Favorite List](/user/brand-portal/favorites-lists.md).

When selecting a **Product** you are redirected to the [**Product Detail**](/user/sales-app/collections/product-detail.md) page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.colect.io/user/brand-portal/products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
