Product filtering

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

A gif showing all settings from the collection products section
Click on Collection products to view settings

Steps:

circle-check

Filter layout options

Slide out

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

A gif showing an example of how the filter layout changes when the slide out option is selected
Slide out - Desktop
A gif showing an example of how the filter layout changes when the slide out option is selected on mobile devices
Slide out - Mobile

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.

A gif showing an example of how the filter layout changes when the inline (closed and open) option is selected
Inline closed - Desktop
A gif showing an example of how the filter layout changes when the inline (closed and open) option is selected on mobile devices
Inline open and closed - Mobile

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:

Download Shopify Search & Discovery:

Last updated