Ecommerce Blocks

Saved-items list with stock-status badges, move-to-cart and remove actions, and a real empty state.

Tabbed product details with Description, Features, Specifications, Reviews, and Shipping panels.

A large featured-collection hero card alongside a grid of smaller supporting collection tiles.

A grid of bordered brand tiles with a wordmark-style name, product count, and a hover affordance.

A live days/hours/minutes/seconds countdown in default, compact, or full-width banner layouts.

A code-entry form that validates against a fixed list of demo gift cards and shows a real success or error state.

A row of icon cards covering shipping, delivery, returns, and support promises.

A "You may also like" cross-sell grid of product cards with rating, price, and an add-to-cart button.

A measurement chart mapping XS-XXL to chest, waist, hip, and length dimensions in inches.

A post-purchase success screen with order number, email confirmation, delivery estimate, and an items summary.

A rating summary with a per-star distribution chart, plus a review list with working helpful votes and load more.

A split-layout marketing showcase for a single hero product: image, price, rating, description, and feature list.

A responsive grid of category tiles with photo overlays, product counts, and a featured badge on standout departments.

A cart page with per-item quantity steppers and removal, plus an order summary that recomputes shipping, tax, and the total live.

A responsive product grid with star ratings, review counts, sale pricing, and an Add to cart button on every card.

A product-options panel with real color swatches, size buttons that track per-color stock, and a material select that updates the price.

A limited-time deal card with a live days/hours/minutes/seconds countdown and a stock progress bar showing units claimed.

A chest/waist measurement lookup that recommends a size and a fit-confidence label, with the full reference chart always visible below.

A full product detail layout: swappable image gallery, color and size selection, pricing, and an add-to-cart button.

A card number and security code lookup form that shows a real balance and transaction history, or an error, from fixed demo data.

A member rewards dashboard with a tier-progress bar, points balance, redeemable benefit cards, and ways to earn more.

An out-of-stock product notice with a real email/SMS signup form that swaps to a confirmation message on submit.

A lifestyle photo with clickable hotspot dots that pop open product cards, plus a bundled-products strip below.

A row of shipping/returns/security/support icon badges in default, compact, or detailed layouts.

A gallery grid of customer reviews spanning multiple products, with star ratings, verified badges, and helpfulness counts.

A budget-tab filter that narrows a gift grid to items in the selected price range, with a per-card wishlist toggle.

A mix-and-match selector across four categories with a running total that recomputes live as you swap items.

A large featured-product hero with a live countdown, a discount badge, and a feature list, built to create urgency around a single deal.

A hover-revealed featured products grid: a Quick add overlay appears on hover and each card's wishlist heart is a real, per-card toggle.

A grid of category cards with overlay photos; each card reveals a "Shop now" link on hover, built for a storefront's top-level navigation section.

A product page with a clickable thumbnail gallery, color and size swatches, and a shipping/warranty/returns strip.

A list of past-order cards with a status badge, item thumbnails, order total, and a view-details link.

A trust strip of card brand, digital wallet, and bank transfer tiles showing which payment options are accepted.

A product page hero with color and size selection, a quantity stepper, and a wishlist toggle.