{"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}],"url":"https:\/\/www.taskhusky.com\/products\/sidebar-vs-top-bar-filter-layout-turbo","provider":"TaskHusky","version":"1.0","type":"link"}