Product filtering

Collection filtering

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

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

Steps:

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
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, the product grid becomes smaller as the filter tools animate open.

Inline closed - Desktop
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: