Blocko

Top 29 Collection Filters and Toolbar Sections for Shopify (Updated Oct 2026)

Blocko has 29 free collection filters and toolbar sections for Shopify Online Store 2.0, from 15 themes across beauty. 28 ship as Shopify Liquid with merchant settings; 0 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.

The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all sections by type to compare other kinds. Not affiliated with Shopify.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
1Collection filtersBalmBeautyLiquid + HTML0.4 KB1
2Collection filtersBareBeautyLiquid + HTML0.4 KB1
3Collection filtersBlushBeautyLiquid + HTML0.4 KB1
4Collection filtersClipBeautyLiquid + HTML0.4 KB1
5Collection filtersDewBeautyLiquid + HTML0.4 KB1
6Collection filtersIsleBeautyLiquid + HTML0.4 KB1
7Collection filtersLatherBeautyLiquid + HTML0.4 KB1
8Collection filtersPrismBeautyLiquid + HTML0.4 KB1
9Collection filtersShelfBeautyLiquid + HTML0.4 KB1
10Collection filtersStubbleBeautyLiquid + HTML0.4 KB1
11Collection filtersTideBeautyLiquid + HTML0.4 KB1
12Collection filtersTintBeautyLiquid + HTML0.4 KB1
13Collection filtersTwistBeautyLiquid + HTML0.4 KB1
14Collection filtersVeilBeautyLiquid + HTML0.4 KB1
15Collection filters and sortingBalmBeautyLiquid + HTML8.7 KB13
16Collection filters and sortingBareBeautyLiquid + HTML8.7 KB13
17Collection filters and sortingBlushBeautyLiquid + HTML8.7 KB13
18Collection filters and sortingClipBeautyLiquid + HTML8.7 KB13
19Collection filters and sortingDewBeautyLiquid + HTML8.7 KB13
20Collection filters and sortingIsleBeautyLiquid + HTML8.7 KB13

Collection Filters and Toolbar sections

#1

Collection filters

  • Balm
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#2

Collection filters

  • Bare
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#3

Collection filters

  • Blush
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#4

Collection filters

  • Clip
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#5

Collection filters

  • Dew
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#6

Collection filters

  • Isle
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#7

Collection filters

  • Lather
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#8

Collection filters

  • Prism
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#9

Collection filters

  • Shelf
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#10

Collection filters

  • Stubble
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#11

Collection filters

  • Tide
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#12

Collection filters

  • Tint
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#13

Collection filters

  • Twist
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

#14

Collection filters

  • Veil
  • Beauty
  • Shopify-ready

Filter chips and a sort selector for product discovery.

0.4 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 1 Theme Editor setting · category faceted-filters-sort

Live demo Details Open in browser

Frequently asked questions

What are the best collection filters and toolbar sections for Shopify?

Blocko lists 29 free, MIT-licensed collection filters and toolbar sections from 15 themes. 28 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Collection filters from Balm comes first.

Are these collection filters and toolbar sections free to use?

Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.

How do I add one of these collection filters and toolbar sections to my Shopify store?

Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the section should go before it changes any code.

Which industries do these collection filters and toolbar sections cover?

Beauty. Every industry with at least three matching items has its own list.

How much JavaScript do these collection filters and toolbar sections ship?

0 of 29 ship 0 KB of JavaScript. The heaviest is Collection filters and sorting in Balm at 8.7 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Filter by page type

Where these collection filters and toolbar sections are used.

Other sections

Markdown version for agents · Browse the full library · Connect your agent