Split With Sticky Buy
A long product story scrolls while a compact buy panel stays pinned beside it.
A long product story scrolls while a compact buy panel stays pinned beside it.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
Split With Sticky Buy structures a long product story, an editorial column of imagery and material sections scrolls while a compact buy panel stays pinned with lg:sticky, so the price and button never leave the screen no matter how deep the leather essay runs. Stock honesty lives in the panel, 14 left in this batch, next batch in March.
Sections are one array, panels and images interleave, and the sticky panel is plain CSS, no scroll listeners.
Reach for this block on premium products whose story justifies a long page, craft goods, technical gear, anything where the materials sell. Short story products should use gallery with details instead, sticky panels beside thin content look like a mistake.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is a flagship product with three material sections. Other stories:
Tip: batch scarcity with a restock date is honest scarcity, a countdown timer on a permanent product is the opposite.