# Collection and Search page

{% hint style="info" %}
**Theme settings -> Collection Page**
{% endhint %}

**Video Manual**

* [<mark style="color:blue;">How to configure a Sidebar</mark>](https://www.youtube.com/watch?v=DAAqU5rHx1Q\&list=PLj-506KaR_vcQjwcpC6yII-1JY0bSj7df\&index=15)

## Sidebar

### Sidebar visibility

&#x20;Here you can change the visibility of the sidebar. There are 3 options available for configurations:

1. **Desktop and mobile**

   If you choose this option, the sidebar will be shown both on the desktop and mobile versions of a page.
2. **Only desktop**

   If you choose this option, the sidebar will be shown only on the desktop version of the page.
3. **Hide**

   If you choose this option, the sidebar will be hidden both in the desktop and mobile versions of the page, and the sidebar position will be irrelevant:

![](/files/-Mf88LoVjCfhORdMSWPq)

### Sidebar position on desktop

&#x20;Here you can change the sidebar position to the left or right side of the page, or choose a dropdown. If you select the **“Popup & 'Filter' button”** option, the button with a slide-out filters popup will be shown.

{% hint style="warning" %}
**Please note,** if you enable the option **“Top & vertical filters”**, additional blocks such as [<mark style="color:blue;">**Products**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/products), [<mark style="color:blue;">**Custom HTML**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/custom-html), [<mark style="color:blue;">**Subscription**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/subscription)**,** and [<mark style="color:blue;">**Promo box (Banner)**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/promo-box-banner) will be hidden in the desktop mode and available only in mobile mode.
{% endhint %}

&#x20;Let's see some examples of how it might look:

{% tabs %}
{% tab title="Left" %}
![](/files/-Mf867xp2RSlPSDV7rzN)
{% endtab %}

{% tab title="Right" %}
![](/files/-Mf87Khw7KhEL2wLjPrR)
{% endtab %}

{% tab title="Top & vertical filters" %}
![](/files/Pg1KvoqSwObGm5AUxJGz)

{% endtab %}

{% tab title="Popup & 'Filter' button" %}
![](/files/-Mf87dDayU0p-b_3mBFT)
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
**Please note**, that no matter what type of sidebar visibility you choose: right, left, or a dropdown, filters will be displayed in the slide-out popup on mobile by default!
{% endhint %}

![](/files/-Mf8Akas6tTaWWPo2T7h)

### Enable sticky sidebar

&#x20;This option enables you to fix a sidebar while scrolling down the page.

## Other

### Show filter result on the fly without page reloading (AJAX)

&#x20;Deactivate this option if you need to disable AJAX product loading. It may be reasonable for apps that reject AJAX product loading.

{% hint style="warning" %}
**IMPORTANT!** Works only with “Classic” or “Centered classic” pagination!&#x20;

Disable the option if you want to use “Button 'Load More'” or “Infinite scroll”**.**
{% endhint %}

&#x20;How to configure the Pagination type, you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/layout#pagination-type).


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-and-search-page.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.