{"product_id":"multi-level-and-nested-dropdown-atlantic","title":"Multi-Level and Nested Dropdown","description":"\u003cp class=\"task-lead\"\u003eA promotional products company needed a third level in their dropdown menu so client storefronts could show categories under each client.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOur collections act as small shops for our clients. We need a nested menu: client name, then their categories underneath, then the products. Right now we can only go two levels deep.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme's dropdown stopped at two levels. The company's structure needed three.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe extended the navigation to support a third level, so the dropdown shows client, category, and sub-category without crowding. The menu is managed from Shopify's navigation editor, and the mobile version collapses each level as an accordion.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eThree-level dropdown navigation\u003c\/li\u003e\n\u003cli\u003eManaged from Shopify's navigation editor\u003c\/li\u003e\n\u003cli\u003eAccordion behavior on mobile\u003c\/li\u003e\n\u003cli\u003eLayout tuned so the extra level stays readable\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511275594,"sku":"TASK-0063","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/multi-level-and-nested-dropdown-atlantic","provider":"TaskHusky","version":"1.0","type":"link"}