Checkout success message
Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.
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.
Product scroll strip (Stripe)
Compact horizontal scrolling product strip with small cards. Great for related products or upsells.
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.
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.