---
title: "Product Filters & Search for Framer Shopify Stores | FrameStoreKit"
canonical_url: "https://framestorekit.com/features/filters-search"
last_updated: "2026-10-21T15:06:29.603Z"
meta:
  description: "Add facets, search, sort and pagination to Framer CMS collection pages for your Shopify catalog."
  "og:description": "Add facets, search, sort and pagination to Framer CMS collection pages for your Shopify catalog."
  "og:title": "Product Filters & Search for Framer Shopify Stores | FrameStoreKit"
---

FrameStoreKit home

# **Filters, search and sort on any collection**

Facets with counts, search, sort and pagination for Framer CMS collection pages, so big catalogs stay easy to shop. No search app, no code.

[Start building free](https://framestorekit.com/signup) [Read the docs](https://framestorekit.com/docs)

**linen **

**Size M ****Sand **

24 resultsNewest

INCLUDED**10**components · Pro - Filters - Facets - Search - Sort - Sort Toggle - Pagination - Previous / Next - Filter Result Count - Active Filter Count - Clear All Filters ## What you can build with filters & search Facets, search, sort and pagination.01 ### **Facets with counts** Size, colour, tags, price and availability facets, each showing how many products match before the shopper clicks. - **Counts per option**- **Combine facets**- **Clear all in one tap**Size M18Size L12Sand9In stock4102 ### **Search as you type** A search box that narrows the collection as the shopper types, on any Framer CMS collection page. - **Instant results**- **Works with facets**- **Styled input** linLinen OvershirtLinen Trousers03 ### **Sort and pagination for big catalogs** Sort by price or newest, then page through with numbers, load more or previous and next. - **Sort and sort toggle**- **Numbered pages**- **Result counts**123…11Page 2 of 11 ## The 10 components Open the FrameStoreKit plugin, drag one onto the canvas and style it in the right panel. Shopify data flows in. [All components ](https://framestorekit.com/components) - linenSize M ×Sand ×In stock ×**Filters****Pro**ShopifyFiltersBuilds advanced Shopify product filter rules for a collection. - Size M18Size L12Sand9In stock41**Facets****Pro**ShopifyFacetsDisplays available product facet values and their result counts. - linLinen OvershirtLinen Trousers**Search****Pro**ShopifySearchSearches the synced Shopify product catalog. - Sort: **Newest**Price: low to highPrice: high to lowBest selling**Sort****Pro**ShopifySortSorts Shopify product results by the selected catalog field. - Price ↑Price ↓**Sort Toggle****Pro**ShopifySortToggleToggles the active Shopify product sort direction. - 123…11Page 2 of 11**Pagination****Pro**ShopifyPaginationPages through filtered Shopify product results. - ‹ PreviousNext ›Page 2 of 11**Previous / Next****Pro**ShopifyPreviousNextProvides previous and next navigation for filtered product results. - **24**results for “linen”**Filter Result Count****Pro**ShopifyFilterResultCountShows the number of products matching the active filters. - Filters3**Active Filter Count****Pro**ShopifyActiveFilterCountDisplays the number of active product filters. - Size M ×Sand ×In stock ×**~~Clear all~~****Clear All Filters****Pro**ShopifyClearAllFiltersClears active Shopify product filters and search state. ## Set up in 4 steps The onboarding wizard walks you through it. The docs cover every Shopify setting with screenshots. [**~~Filters & search guide ~~**](https://framestorekit.com/docs) 1. **1****Connect the collection**Add Shopify Collection to your CMS collection page. 2. **2****Add the controls**Drop Facets, Search and Sort where you want them. 3. **3****Show results**Use Result Count and Pagination for large catalogs. 4. **4****Publish**Filters update the product list instantly. ### **Good to know****Counts per option**Every facet shows how many products match.**Fully styleable**Chips, checkboxes and dropdowns take your fonts, colors and states.**Pro feature**Filters and search are included in Pro and Lifetime. ## Filters & search questions Still unsure? [**~~Email us~~**](https://framestorekit.com/contact) and a Framer + Shopify person will reply, usually the same day. ### Yes. Facets combine, and Clear All Filters resets them. ### ### ## **Related features**[**Catalog sync**Products, variants, images and collections in Framer CMS. One click to refresh.](https://framestorekit.com/features/catalog-sync) [**Design control**Fonts, colors, spacing and states on every component.](https://framestorekit.com/features/design-control) [**Cart & checkout**Cart drawer, discount codes, Shopify checkout and Shop Pay.](https://framestorekit.com/features/cart-checkout) ## **Say yes to the next Shopify project** Start free with 15 products. Upgrade when the client signs. [Start building free](https://framestorekit.com/signup)

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.