Stripe

Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.

Data-bound horizontal product rows with image, details, and buy button. Repeats per Stripe product.

Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.

Compact horizontal scrolling product strip with small cards. Great for related products or upsells.

Data-bound pricing cards that repeat for each Stripe price. Shows plan name, price, billing cycle, and subscribe button.

Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.

Sticky bottom bar showing cart item count, subtotal, and a checkout button. A compact alternative to the full cart drawer for simpler stores.

Auto-appearing banner that shows a success or cancellation message after Stripe checkout. Dismisses automatically after 8 seconds.

Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.

Email-based magic link login form for site customers. Posts to /api/customer/magic-link, shows a 'check your email' confirmation on success.

Displays the logged-in customer's name, email, and order summary. Uses the ph-customer cookie to fetch profile data client-side.

Data-bound customer rows pulled live from Stripe. Shows name, email, and join date.

Data-bound order rows from Stripe checkout sessions. Shows order ID, customer, amount, and date.

Data-bound subscription cards showing plan name, amount, interval, and renewal date from Stripe.

Data-bound invoice rows from Stripe with invoice number, customer, amount, status, and download link.

Data-bound coupon cards from Stripe showing discount amount, duration, and redemption count.

Full product detail layout with large image, title, description, price, and add-to-cart button. Uses Stripe products data source with limit 1. Set a specific product ID in the data source to pin to one product.

Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.

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.

Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.