The 30-state PDP checklist.
Most PDP component kits show you 5 pretty states. Real Shopify storefronts hit 30. Use this as a self-audit on your current implementation, or as a comparison vs. the competitor kit you're considering.
"Competitor" column reflects Tailwind UI Commerce (as of release at time of writing). "Hydraux" column reflects Pack 1 — Conversion-Critical PDP System for Hydrogen.
| State | Tailwind UI Commerce | Hydraux Pack 1 |
|---|---|---|
| Simple PDP | yes | yes |
| Variant selector | yes | yes |
| Add to cart | yes | yes (7 states) |
| Loading skeleton | yes | yes (matches real layouts) |
| Out of stock | basic | with restock date + notify-me |
| Low stock warning | — | per-variant count |
| Backorder with ship date | — | yes |
| Pre-order | — | yes |
| Made-to-order | — | yes |
| Configurable product | — | yes |
| Subscription opt-in | — | with cadence selector |
| Subscription discount price display | — | yes |
| Discount stacking conflict messaging | — | yes |
| Bundle (mix-and-match) | — | yes |
| Gift-with-purchase widget | — | threshold + auto-add |
| Upsell card | basic | with dismissal + non-re-nag cookie |
| Account-aware pricing (member price) | — | yes |
| Save-for-later (logged in) | — | yes |
| Login-prompt CTAs (anonymous) | — | yes |
| Recently viewed shelf | — | localStorage + account-merge |
| Related products shelf | static | skeleton + lazy mount |
| Reviews block | basic | histogram + filter + photo reviews |
| Mobile sticky ATC | — | safe-area + keyboard-aware |
| Desktop sticky bar on scroll | — | yes |
| Image gallery (zoom + swipe + 360) | basic | full + alt-text scaffold |
| Video embed (autoplay-muted hero) | — | poster fallback |
| Split shipment messaging | — | yes |
| Delayed shipping SLA messaging | — | yes |
| Currency variance (multi-region) | — | yes |
| RTL / length-variable strings | — | tested |
Pack 1 ships Day 35.
15 components. All 30 states. Hydrogen / Next.js Commerce / Remix integration. Storybook covering every state. Migration guide from Tailwind UI Commerce. Agency tier with unlimited seats + white-label.
Preorders open Day 14 at $99 (vs. $149 launch / $249 standard). Capped at 25 customers.
Get Pack 0 — freeWant Pack 0 free first?
5 production-ready components — including the AddToCartButton that handles all 7 states from this checklist.
Get Pack 0 — free