This page outlines existing blocks in the Multi-Store app and proposes additional blocks tailored for e‑commerce and CMS needs.
- ProductsGallery – grid of products with ProductCard
- Carousel – hero or media carousel with captions
- Features – icon + text feature list
- FAQ – accordion or simple list
- MediaBlock – image/video with content
- Testimonial – quote with author/avatar
- Marquee – scrolling marquee text/logos
- Counter – animated stats
- Timeline – chronological steps
- Code – code sample with copy
- GMaps – embedded Google Map
- Hero variations
- Split hero (media left, content right)
- CTA hero (centered heading, subheading, primary/secondary CTA)
- Promo Banner
- Dismissible announcement bar with schedule (start/end time)
- Category Grid
- Grid of “shop by category” tiles; optional images/counts
- Product Collections
- Curated collections (e.g., New Arrivals, Best Sellers) via saved filters
- Product Carousel
- Horizontal scroll of products; optional auto-play
- Reviews Summary
- Star average + count + breakdown; pull from reviews collection
- Price Table / Plans
- Simple pricing tiers with features and CTAs
- USP Strip
- “Free shipping”, “30-day returns”, “24/7 support” with icons
- Newsletter / Lead Capture
- Email capture with consent + integration (Payload form, provider)
- Store Locator
- Map + list of stores with filters; integrates Inventory/Warehouse
- Social Proof
- Logos of press/clients; badges; trust marks
- Inventory Badge
- Small component block to show ready stock/reserved status in listings
- Low‑Stock Alert
- Banner on PDP with thresholds and ETA based on incoming POs/GRNs
- Cross‑sell / Up‑sell
- “Frequently bought with”, “You may also like”, based on relations or rules
- Content + Commerce Combo
- Rich text with inline product picks (embed product chips)
- Comparison Table
- Compare attributes across selected products
- Store Hours & Pickup
- Show opening hours, pickup eligibility per location
- RowLabel Components
- Reusable admin row labels per block/collection (importable components)
- Placeholder / Divider
- Visual separators or notes inside the block layout
- Conditional Wrapper
- Show/hide child blocks by tenant, role, or feature flag
- A/B Test Wrapper
- Variant A/B blocks with percentage split; log exposure
- Recently Viewed
- Pull from cookie/session; display on PDP/home
- Recommended For You
- Simple heuristic (category affinity) or endpoint hook
- Avoid inline admin component functions in block configs (breaks import map generation). Export components and reference by path instead.
- After adding a block: wire in
src/blocks/RenderBlocks.tsx, update Pages collection content.layout, and run bun run gen.
- Keep client‑only interactivity in
"use client" components to avoid RSC issues.