# Product filtering

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

![Click on Collection products for settings](/files/-MhVXBqyaQvI0Kns5EAp)

### How to setup

Setup 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:

![Click on Collection products to view settings](/files/-MhZxgLe-RT1uqs4LaNj)

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:

![Slide out - Desktop](/files/-MhVb3wuuB1hunE41VyX)

![Slide out - Mobile](/files/-MhVbmNzbTN7J-yBeOBt)

#### Inline (closed and open)

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

When using Inline close, the customer can click or tap on the filter link to open, the product grid becomes smaller as the filter tools animate open. 

![Inline closed - Desktop](/files/-MhVe7cY_17yot-cx8ig)

![Inline open and closed - Mobile](/files/-MhVaztBcRQR6sJ1W-yn)

### Part 2 - Shopify Search and Discover App

The rest is all done using the Shopify Search and Discover 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/91516b225b5f40f9bdfb0b06b5e3687e>" %}

Where to download the Shopify Search and Discover app:

{% 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/broadcast-v4/collections/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.