{"product_id":"sticky-atc-on-scroll-symmetry","title":"Sticky ATC on Scroll","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a sticky buy bar on desktop that appeared once the customer scrolled past the main add-to-cart button.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eA buy bar that sticks as you scroll on desktop. When the main button scrolls off, the bar appears at the top with the product and a buy button.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eLong product pages on desktop losing the buy button.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a sticky bar that appears at the top of the page on desktop when the main add-to-cart scrolls out of view, showing product, variant, price, and buy button.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSticky buy bar on desktop\u003c\/li\u003e\n\u003cli\u003eAppears when the main button scrolls away\u003c\/li\u003e\n\u003cli\u003eShows variant and price\u003c\/li\u003e\n\u003cli\u003eHides when the main button returns\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696545866,"sku":"TASK-0324","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/sticky-atc-on-scroll-symmetry","provider":"TaskHusky","version":"1.0","type":"link"}