{"product_id":"drawer-cart-mobile-layout-launch","title":"Drawer Cart Mobile Layout","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a discount code field in the cart drawer that applied the discount and updated the total on the spot.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd a discount tab on the cart drawer that shows a spot to enter a code and updates the total right there. On mobile especially, it needs to be easy to use.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDiscounts that only worked at checkout.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a discount code field to the cart drawer that validates the code and updates the total immediately, with a mobile layout that keeps the field and total visible together.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eDiscount code field in the cart drawer\u003c\/li\u003e\n\u003cli\u003eTotal updates immediately\u003c\/li\u003e\n\u003cli\u003eMobile layout tuned\u003c\/li\u003e\n\u003cli\u003eInvalid codes show a clear message\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155691565130,"sku":"TASK-0252","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/drawer-cart-mobile-layout-launch","provider":"TaskHusky","version":"1.0","type":"link"}