Broadcast Documentation
NewSupport
Broadcast v4 ✅
Broadcast v4 ✅
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • 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
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • 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:

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
Shopify Search & Discovery - Customize your storefront search, filters, and recommendations | Shopify App Store
Logo