Skip to content

Collection Filters

File: snippets/collection-filters.liquid

Used in sections: collection-mixed, collection-product-store, collection

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-collection-filters.png

Description

Collection Filters

Renders a sidebar filter panel for collection pages with sort, faceted filtering (boolean, list, price range), active filter display, and clear-all functionality. Submits as a form and includes inline JS for filter removal and sort-change auto-submit.

Features:

  • Sort-by dropdown (price, title, date, default)
  • Boolean, list, and price-range filter types
  • Active filter pills with individual remove buttons
  • “Clear all” link to reset filters
  • Product count display
  • Auto-submit on sort change

Usage

{% render 'collection-filters' %}