Product scroll strip (Stripe)
Compact horizontal scrolling product strip with small cards. Great for related products or upsells.
Browse other blocks
Same library cards — preview live and grab structure from any block.
Shopping cart drawer
Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.
Live product grid (Stripe)
Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.
Checkout notification banner
Auto-appearing banner that shows a success or cancellation message after Stripe checkout. Dismisses automatically after 8 seconds.
Storefront search bar
Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.
Checkout success message
Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.
Storefront product detail
Full product detail page: image gallery on the left (up to 4 thumbnails click to swap), title / price / description / size + color chips / quantity / buy buttons on the right. Bound to the singular 'product' Stripe collection, resolved by slug from the URL.
Featured product spotlight (Stripe)
Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.
Live order history (Stripe)
Data-bound order rows from Stripe checkout sessions. Shows order ID, customer, amount, and date.
Live coupon grid (Stripe)
Data-bound coupon cards from Stripe showing discount amount, duration, and redemption count.
Storefront category nav
Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.
Customer profile card
Displays the logged-in customer's name, email, and order summary. Uses the ph-customer cookie to fetch profile data client-side.
Customer order history
Order history for logged-in site customers. Uses the ph-customer cookie to fetch orders client-side via the repeater system.