Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v3
Broadcast v3
  • About Broadcast
    • Broadcast theme documentation
  • Online Store 2.0
    • The new experience
  • Announcement Bar
    • Free shipping message
    • Text announcement
    • Custom HTML
    • Announcement bar settings
  • Header
    • Header styles
    • Navigation images
    • Sticky header
    • Transparent header
    • Social icons
  • Sections
    • How to use sections
    • Section blocks
    • List of sections
    • Sidebar
    • Split images
    • Before and After
  • Products
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Upselling with metafields
    • Upselling with tags
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product page settings
    • Theme blocks
    • Low inventory message
    • Icon block
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
    • Collection page settings
  • Popups
    • Cookies consent message
    • Image promo with newsletter
    • Text promo
    • Small newsletter
    • Coupon codes
  • Footer
    • Footer settings
    • Theme blocks
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Settings
    • Loading icon
  • Updates
    • Release notes
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
  • Support
    • Contacting support
    • Share preview link
    • Earlier documentation
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to setup
  • Filter layout options
  • Part 2 - Shopify Search and Discover App
Export as PDF
  1. Collections

Product filtering

Collection filtering

PreviousProduct badges with metafieldsNextQuick add

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:

Steps:

  1. Enable filters

  2. Customize filter options and sort order

Filter layout options

Slide out

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

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.

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:

Where to download the Shopify Search and Discover app:

Shopify Search & Discovery - Customize your storefront search, filters, and recommendations | Shopify App Store
Click on Collection products for settings
Click on Collection products to view settings
Slide out - Desktop
Slide out - Mobile
Inline closed - Desktop
Inline open and closed - Mobile
Logo