{"product_id":"sale-badge-and-sale-label-turbo","title":"Sale Badge and Sale Label","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a sale tag on product cards and the announcement bar text centered on mobile.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eTwo small tasks. The announcement bar text is centered on desktop but not on mobile. And I want a sale tag on product images when they're on sale.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eTwo visible loose ends.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe centered the announcement bar text on mobile and added a sale tag to product cards that appears automatically when a product has a compare-at price.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAnnouncement bar text centered on mobile\u003c\/li\u003e\n\u003cli\u003eSale tag on discounted product cards\u003c\/li\u003e\n\u003cli\u003eTag appears automatically\u003c\/li\u003e\n\u003cli\u003eTag style editable in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155681079370,"sku":"TASK-0162","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/sale-badge-and-sale-label-turbo","provider":"TaskHusky","version":"1.0","type":"link"}