# Product filtering

Broadcast supports Shopify's Online Store 2.0 Product filtering for fast, customizable, and reliable collection filtering.

## How to set up

Setting up with Broadcast is fast and simple. Using the Theme Editor, navigate to any collection page (or choose the default collection template) and click on 'Collection products' to view the settings:

<figure><img src="/files/MnBZHjkjgm71KkKrWRpK" alt="A gif showing all settings from the collection products section"><figcaption><p>Click on Collection products to view settings</p></figcaption></figure>

### Steps:

{% hint style="success" %}

1. Enable filters
2. Customize filter options and sort order
   {% endhint %}

## Filter layout options

### Slide out

'Slide out' has a larger area and uses the entire height of the shopper's browser or device:

<figure><img src="/files/sTw4UUNSxXITzaqLUWC3" alt="A gif showing an example of how the filter layout changes when the slide out option is selected"><figcaption><p>Slide out - Desktop</p></figcaption></figure>

<figure><img src="/files/GcI6cFzMSjRdJ0bAvvMy" alt="A gif showing an example of how the filter layout changes when the slide out option is selected on mobile devices"><figcaption><p>Slide out - Mobile</p></figcaption></figure>

### Inline (closed and open)

Inline places the filter tools within the collection area for both desktop and mobile.

When using the closed Inline option, the customer can click or tap on the filter heading to open, and the product grid becomes smaller as the filter tools animate open.

<figure><img src="/files/nRKcCUy0YuayPgQngYNP" alt="A gif showing an example of how the filter layout changes when the inline (closed and open) option is selected"><figcaption><p>Inline closed - Desktop</p></figcaption></figure>

<figure><img src="/files/TuiprLUwWFI6EZG21RSO" alt="A gif showing an example of how the filter layout changes when the inline (closed and open) option is selected on mobile devices"><figcaption><p>Inline open and closed - Mobile</p></figcaption></figure>

## Part 2 - Shopify Search & Discovery

The rest is all done using the Shopify Search & Discovery app. Using the app, you can customize which filter options to display and sort the order.

Watch this quick video on how to customize the filter options:

{% embed url="<https://www.loom.com/share/c00c96a5903447f28fb46c6310c51197>" %}

### Download Shopify Search & Discovery:

{% embed url="<https://apps.shopify.com/search-and-discovery>" %}


---

# 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://broadcast.presidiocreative.com/collections/collection-pages/filtering.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.