# Sidebar & Filter

**Enable sidebar:**  This option allows you to display the sibar column

<figure><img src="/files/1ta0atPVwvjBiW5WLInX" alt=""><figcaption></figcaption></figure>

### Content for sidebar

The **Sidebar Collection** option has a total of 5 **blocks** for you to add to the sidebar:

* Categories
* Filter Dynamic
* Filter by tags
* Featured Products
* Image Banner

You also have the ability to arrange the position of blocks through **drag and drop.**

When you click on each block, it will show the **settings sidebar** (of each block).

<figure><img src="/files/usg6bNIerQWOqRqkcQIG" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NYh7vzNE0X16UvzyQ2WB" alt=""><figcaption></figcaption></figure>

**Sidebar position on desktop:**  you can choose one of the config

1. Left sidebar

<figure><img src="/files/iGK0Za6WsteOuXSRQIL4" alt=""><figcaption></figcaption></figure>

2. Right sidebar

<figure><img src="/files/7UiKTYAcyRYwi49LrwOE" alt=""><figcaption></figcaption></figure>

3. Dropdown sidebar

<figure><img src="/files/r7MmtF1SsaLCixOL6NYH" alt=""><figcaption></figcaption></figure>

4. Canvas sidebar

<figure><img src="/files/DeRl6216dqA9OPrxFkj6" alt=""><figcaption></figcaption></figure>

**Change the filter:**&#x20;

<figure><img src="/files/DgDvLlXXa92GddsO3zTB" alt=""><figcaption></figcaption></figure>

**Show product countdown:** This option allows you to show the countdown for the product. You need to configure the Countdown Metafield and then add the date and time in each product. Please follow the guideline.


---

# 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://blueskytechcos-organization.gitbook.io/umino-shopify/collection-page/collection-main/sidebar-and-filter.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.
