01
The request
“When the customer scrolls past the Add to Bag button, a bar should slide down underneath the fixed header with the product name, price, and a buy button. It should stay there until they scroll back up.”
Typical request
Paraphrased from merchant tickets in this category
Product pages were long with lots of content. Customers scrolling to read about the product lost the buy button.
02
The approach
We built a sticky buy bar that appears under the fixed header once the main add-to-cart scrolls out of view. It shows the product, selected variant, price, and a buy button. On mobile it anchors to the bottom of the screen instead.
03
What we shipped
Sticky buy bar that appears on scroll- Shows product, variant, price, and buy button
- Anchors to the bottom on mobile
- Disappears when the main button scrolls back into view
