> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-and-search-page.md).

# 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).