{"title":"Sticky Add to Cart","description":"\u003cp\u003eSticky Add to Cart work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 61 sticky add to cart requests for merchants, including work on Testament, Parallax, Symmetry and Empire. Below are 4 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"sticky-atc-bar-at-bottom-on-mobile-testament","title":"Sticky ATC Bar at Bottom on Mobile","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a sticky add-to-cart bar on mobile product pages that appears when the main button scrolls out of view.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd a sticky add to cart on mobile. When the customer scrolls past the main button, a bar should appear at the bottom with the price and add to cart. No apps.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eLong mobile product pages where the buy button disappeared.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a mobile sticky bar anchored to the bottom of the screen that appears when the main add-to-cart scrolls away, showing the selected variant, price, and a buy button. No app required.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSticky add-to-cart bar on mobile\u003c\/li\u003e\n\u003cli\u003eAppears when the main button scrolls out of view\u003c\/li\u003e\n\u003cli\u003eShows variant and price\u003c\/li\u003e\n\u003cli\u003eNo app dependency\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155685863498,"sku":"TASK-0200","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sticky-atc-with-variant-selector-parallax","title":"Sticky ATC with Variant Selector","description":"\u003cp class=\"task-lead\"\u003eA drinkware brand wanted a sticky buy bar that added the currently selected variant when clicked.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eA buy-it-now bar at the bottom of the page that sticks as you scroll. Clicking it should add whatever variant is currently selected, not the default.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA sticky bar that needed to stay in sync with the variant picker.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a sticky buy bar that tracks the customer's variant selection and adds exactly that variant on click, showing the current price. It hides when the main button is in view.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSticky buy bar synced to the selected variant\u003c\/li\u003e\n\u003cli\u003eCurrent price shown\u003c\/li\u003e\n\u003cli\u003eHides when the main button is visible\u003c\/li\u003e\n\u003cli\u003eWorks on desktop and mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155691892810,"sku":"TASK-0256","price":0.0,"currency_code":"USD","in_stock":false}]},{"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}]},{"product_id":"sticky-buy-button-with-product-title-and-price-empire","title":"Sticky Buy Button with Product Title and Price","description":"\u003cp class=\"task-lead\"\u003eA brand wanted their sticky buy bar to show the product image, title, and price alongside the button.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe sticky bar just shows a button. Add the product image, title, and current price so customers know what they're buying from the bar.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA bar with no context.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added the product thumbnail, title, selected variant, and price to the sticky bar so it reads as a compact product summary with a buy button.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eProduct image in the sticky bar\u003c\/li\u003e\n\u003cli\u003eTitle and selected variant shown\u003c\/li\u003e\n\u003cli\u003ePrice updates with selection\u003c\/li\u003e\n\u003cli\u003eWorks on desktop and mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696578634,"sku":"TASK-0325","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/sticky-add-to-cart.oembed","provider":"TaskHusky","version":"1.0","type":"link"}