{"title":"Collection Filters \u0026 Faceted Search","description":"\u003cp\u003eCollection Filters \u0026amp; Faceted Search work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 205 collection filters \u0026amp; faceted search requests for merchants, including work on Prestige, Turbo, Icon and Impulse. Below are 6 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"filter-by-size-and-color-and-price-prestige","title":"Filter by Size and Color and Price","description":"\u003cp class=\"task-lead\"\u003eA jewelry brand's collection filter surfaced every product tag, most of them useless to shoppers. They wanted it limited to size.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe filter on the collection page brings up tags that are useless and messy. Can it just show the size variants so customers can filter by ring size?\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe default filter exposed internal tags. Customers only cared about one thing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the tag filter with a size filter driven by the products' actual size variants. Shoppers pick a ring size and the collection shows only products available in it.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize filter replacing the tag filter\u003c\/li\u003e\n\u003cli\u003eDriven by actual size variants\u003c\/li\u003e\n\u003cli\u003eOut-of-stock sizes excluded\u003c\/li\u003e\n\u003cli\u003eFilter state held in the URL for sharing\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677540426,"sku":"TASK-0130","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sidebar-vs-top-bar-filter-layout-turbo","title":"Sidebar vs Top-Bar Filter Layout","description":"\u003cp class=\"task-lead\"\u003eA supplier wanted their collection filters moved to a sidebar with clearer labels, and product data links surfaced on the storefront.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're seeking help to enhance the product data links on the storefront and move the filters to a sidebar. The top-bar filter is hard to use with as many options as we have.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMany filter options crammed into a horizontal bar. A sidebar had room.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe moved the filters into a left sidebar with grouped, labeled facets, and added the supplier's product data links to the product cards. On mobile the sidebar becomes a slide-out panel.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFilters moved to a left sidebar\u003c\/li\u003e\n\u003cli\u003eGrouped and labeled facets\u003c\/li\u003e\n\u003cli\u003eProduct data links on cards\u003c\/li\u003e\n\u003cli\u003eSlide-out filter panel on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155679014986,"sku":"TASK-0144","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"boost-and-searchanise-and-algolia-filter-app-icon","title":"Boost and Searchanise and Algolia Filter App","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a strategy session on filtering and search apps, then the chosen app installed and integrated.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'd like a strategy session on filtering and search options. Then install and integrate whichever one we decide on. I want it to look like part of the theme, not an add-on.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDecision support first, then execution.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eAfter a session comparing filter and search apps for the brand's catalog, we installed the chosen app and integrated it so filters and results render with the theme's product cards and styling.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eStrategy session on filter and search options\u003c\/li\u003e\n\u003cli\u003eChosen app installed\u003c\/li\u003e\n\u003cli\u003eFilters and results styled to match the theme\u003c\/li\u003e\n\u003cli\u003eMobile filter panel\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155686092874,"sku":"TASK-0206","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"tag-based-collection-filter-turbo","title":"Tag-Based Collection Filter","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted their collection tag filter moved from the sidebar to a top bar and grouped by type.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're using the tag filter on the sidebar. We want it moved to a top bar across the collection page and grouped by type so roast level and origin are separate.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA sidebar filter that didn't fit the retailer's layout.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe moved the filter to a horizontal bar above the products with tags grouped by type, and kept multi-select so customers can combine filters.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFilter moved to a top bar\u003c\/li\u003e\n\u003cli\u003eTags grouped by type\u003c\/li\u003e\n\u003cli\u003eMulti-select preserved\u003c\/li\u003e\n\u003cli\u003eCollapsible on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155687141450,"sku":"TASK-0221","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"hide-out-of-stock-products-in-filter-prestige","title":"Hide Out-of-Stock Products in Filter","description":"\u003cp class=\"task-lead\"\u003eA brand's size filter showed every size a product came in, not just sizes in stock.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe theme has filters by size but they show the sizes a product is offered in. I want it to filter by what's actually in stock. Customers pick a size and see nothing available.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA filter that promised what it couldn't deliver.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe changed the size filter to consider inventory, so only products with the selected size in stock appear, and sizes with nothing available are hidden from the filter.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize filter respects inventory\u003c\/li\u003e\n\u003cli\u003eOut-of-stock sizes hidden from the filter\u003c\/li\u003e\n\u003cli\u003eApplies across collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698020426,"sku":"TASK-0347","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"multi-select-and-checkbox-filters-impulse","title":"Multi-Select and Checkbox Filters","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted multi-select collection filters where customers could combine several colors or styles at once, matching a reference site.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want a collection filter similar to this reference. Customers should be able to check several colors at once and see everything that matches any of them.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSingle-select filters that made customers work harder than they should.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built checkbox filters that let customers combine options within a category and across categories, with results updating in place and the selection held in the URL for sharing.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCheckbox filters with multi-select\u003c\/li\u003e\n\u003cli\u003eCombine options within and across categories\u003c\/li\u003e\n\u003cli\u003eResults update without reload\u003c\/li\u003e\n\u003cli\u003eSelection held in the URL\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155722727498,"sku":"TASK-0461","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/collection-filters-faceted-search.oembed","provider":"TaskHusky","version":"1.0","type":"link"}