Stacked · Custom Liquid Functionality Demo
Ten interactive components, all in one pasted block. Nothing here needs an app.
Get Stronger Without Changing Your Routine.
5g creatine · 980mg electrolytes · one daily stick
Text shine sweep
The headline above uses background-clip: text with a white gradient that sweeps across once on load. Pure CSS, no library. Reload the page to replay it. Respects prefers-reduced-motion.
Arrows, dots, and swipe
Standard Shopify PDP gallery pattern, hand-built. Click the arrows or dots, or swipe on mobile. Slides here are colored placeholders; on the real page these are product photos that swap with the selected flavor.
Flavor, pack size, and plan, all wired together
Change anything and watch every price on the card update at once, including the sticky bar at the bottom. Subscribe & Save applies 15% off across all three pack sizes. Tap a coming soon flavor to see the waitlist capture.
Stacked TONE · Strawberry Mango
★★★★★ 4.9 Rating · 200+ Reviews- Pause or cancel anytime
- Free shipping on every order
- The best way to stay consistent and see results
- Free limited-edition aluminum bottle on your second order
Tap to reveal
Titles on the front, supporting copy on the back. Saves vertical scroll and adds a reason to interact. Keyboard accessible too: tab to a card and press Enter or Space.
980mg of electrolytes replaces what you actually lose.
B vitamins and L-carnitine for the whole day, not just the workout.
Creatine only works daily. It is already in the stick you drink.
Count-up stats and reveal-on-scroll
These numbers stay at zero until they enter the viewport, then count up once. The whole row also fades in. Driven by IntersectionObserver, so nothing runs until it is actually seen.
Expandable FAQ
Height animates from real measured content height, so it works with any length of answer. Same technique powers the Subscribe & Save details panel above.
No. At 5g a day there is no bulking effect. Any early water retention sits inside the muscle, not under the skin.
Yes. Daily use is exactly how creatine is meant to be taken, and it is one of the most studied supplements available.
20 to 28oz of water per stick. Shake or stir and drink whenever it fits your day.
Auto-scrolling review row
Loops seamlessly by duplicating the card set. Pauses on hover, and on touch-and-hold on mobile, so a visitor can actually read a card.
One stick instead of three products. That alone got me consistent.
Tastes like a drink, not a supplement. I stopped skipping days.
Six weeks in and I am lifting heavier than I was in January.
Throw one in my bag and I am set for the whole day.
Supplement facts popup
Opens over the page, closes on the X, on backdrop click, or on Escape. Locks background scroll while open. The same pattern runs the flavor waitlist form.
Follows the scroll
The bar at the bottom of the screen appeared once you scrolled past the buy card, and it mirrors whatever is selected up there. Well documented as one of the higher-leverage single changes on a product page.
Native Shopify form, no app required
Tap a Coming soon flavor in the buy card to open it. It posts to Shopify’s own customer form, so signups land in Admin → Customers, tagged by which flavor they asked for. No third-party account, no API key.
Supplement Facts
Stacked TONE · per stick
Get notified when it’s here
We will email you the moment this flavor is in stock.
Paste the block file into Shopify to run it for real.
