Filter My Blog
Browse documentation

Multi-select filtering

plusUpdated

With multi-select turned on, from the Design page's Behaviour section, readers can select several tags at once instead of following one link at a time. The article list narrows to articles carrying every selected tag, updating without a full page reload.

Requires the same theme support as instant filtering

Multi-select needs the filter to be able to address your blog's article grid directly and swap its contents in place, the same requirement covered in How filtering works on the storefront. Themes built on Shopify's Horizon foundation support this; Dawn's blog template does not, since it can only hold the filter as a separate section rather than inline.

Where that support isn't available, multi-select still works, but as a normal page navigation to Shopify's own multi-tag URL each time a selection changes, rather than an instant swap. Nothing breaks; it's simply the same fallback the rest of the filter uses everywhere JavaScript or theme support isn't there.

The "All" pill is replaced automatically

With several tags selectable at once, an "All" pill and a "clear selection" action would mean the same thing, so turning on multi-select automatically suppresses the All pill in favour of a dedicated clear-selection control. See The "All" pill and clear control.

When a combination matches nothing

Because the list narrows to articles carrying every selected tag, two tags that each have articles can still have none between them. Shopify hands the theme an empty article list for that combination, and most themes simply render nothing — which reads as a page that broke. The filter says so instead, with a message you can rewrite from the Design page's Wording section; left alone it follows your storefront's language like the rest of the bar. If your theme prints an empty state of its own, that one is left to speak for itself rather than doubled up.

What's selected is always in the address bar

Every combination of selected tags updates the page's URL to match, using Shopify's own AND-only tag syntax. That means a reader's exact selection can be bookmarked, shared, or reached again with the back button, even though the page itself never fully reloaded to get there.

Loading search index
to navigate to selectEsc to close