Product filtering

Collection filtering

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

Click on Collection products for settings

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:

  1. Enable filters

  2. Choose a Filter layout

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 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
Inline open and closed - Mobile

Part 2 - Shopify Admin

Use the Navigation editor in your Shopify Admin to manage collection and search filters:

The Add filter drop-down allows you to pick available filters. Use the six-dotted icon left of the filter name (handle icon) to drag and drop for sorting.

Sorting filters

Choose which filters to be used for Product filtering and the order to display them. Broadcast will read from here and present them on your collection pages.

‚Äč