Page-Layout Pickers (Product, Cart, PLP & the LPE Journey Pages)
Choose a design for every customer-facing page — product, category, cart, checkout, account, and more — and preview it with your real store data before you publish.
Beyond your homepage, BillionBiz lets you pick a design for every other page your customers see — the product page, the category listing, cart and checkout, account and order pages, utility pages (404, pop-up notifications, the cookie banner), and the About Us, Contact Us, and Maintenance pages. Every one of these pages shares the same picker experience: real store data rendered inside whichever design you're considering, before you commit to anything.
Screen: Online Store → Theme → Page Layouts for the pages below, organised around the customer journey. Online Store → Pages is a second entry point that lists the About Us, Contact Us, and Maintenance pickers alongside legal policies (which are plain content, with no template picker).
How it works, in one paragraph
- A template is the design shown in the picker — for most pages this is a single list; product, category, cart, and checkout pages mix structurally different layouts and colour/style "skins" in that same list.
- A variant, where a page has one, is a different configuration of the same template rather than a different design — today only the product page has real variants (see below).
- A theme is your store-wide visual language (colour, type, corner rounding). It applies on top of whichever template you pick, so any template works with any theme.
- Nothing is customer-facing until you press Publish; Save Draft keeps your work private.
Opening a page editor
From Online Store → Theme → Page Layouts, pages are grouped into an accordion that follows the customer journey: Header and Footer (always visible, at the top and bottom), Customers browse (Product, Category, Wishlist), Customers buy (Cart), Customers complete the order (Order confirmation, Thank you, Order detail, Order tracking), Customers return (Login, Sign up, Profile, Forgot password, Email verification), and Edge cases (404). Click any page to open its picker.
The same journey pages are also reachable as a flat list from Online Store → Pages, alongside the About Us, Contact Us, and Maintenance page pickers (see About Us, Contact Us & Maintenance below) and your legal policies. Checkout's picker specifically only has an entry point there, not in the Page Layouts accordion.
The editor's top bar
| Control | Purpose |
|---|---|
| Back button | Return to wherever you opened the picker from |
| Page-identity button | Shows the page you're editing; click it to open a switcher and jump directly to any other page-layout picker, grouped by journey stage |
| Draft status | Shows whether your current picks are unsaved, saved as a draft, or already published |
| Desktop / Mobile toggle | Switch the canvas between a desktop-width and mobile-width preview |
| Save Draft | Saves your design privately — customers still see the last published version |
| Publish | Makes your current design live for customers immediately |
The four tabs
- Templates — thumbnail cards for every design available for this page. The template currently live on your store carries a green Active badge; clicking a different card marks it Selected until you save or publish.
- Variants — only appears for pages that have more than one variant. Today that's the product page's four feature-density presets (below); category, cart, and checkout pages currently have only a single default variant, so this tab doesn't show for them.
- Themes — a shortcut into the Theme Hub, right inside the page editor. Applying a theme from here changes your entire storefront, not just this page — see The Theme Hub.
- Config — Page Text (edit headings, button labels, and other copy on this page), Capabilities (toggle features on or off), and, where available, Color Overrides for this page only.
The canvas is the real thing
The right-hand preview renders using the same templates and themes your live storefront uses — it is not a wireframe or mock-up. If it looks right in the preview, it looks right on your store.
Product page
The product page picker offers 25 templates, spanning clean editorial layouts through information-dense, maximalist ones:
| Editorial | Marketplace | Immersive | Modular | Boutique |
| Brutalist | Bento | Storyteller | Glass | Showcase |
| Story Scroll | Spec Sheet | Gallery First | Horizon | Streetwear Drop |
| Glass Tech | Luxe | Compass | Industrial Terminal | Timepiece Atelier |
| Heritage Craft | Galaxy Diagonal | Wellness Apothecary | Prism | Canvas |
Product is currently the only page with a working Variants tab — four feature-density presets that turn the same optional page elements (estimated delivery time, return policy summary, a "sold by" line, a key-features list, and a variant-comparison panel) on or off:
| Variant | What's shown |
|---|---|
| Full-featured | Everything on: delivery estimate, returns summary, sold-by line, key features, variant comparison |
| Minimal | Everything off — just the essentials |
| Trust-focused | Delivery estimate and returns summary on; the rest off |
| Comparison-enabled | Everything on (currently identical to Full-featured) |
Category (listing) page
The category page picker offers 21 templates. Eight are structural filter layouts; the other 13 are colour/style skins layered on top of a default structure:
| Filter layout | Description |
|---|---|
| Left-rail filters + grid | Permanent sidebar filters — large catalogues with many facets |
| Top-bar filter chips + grid | Quick horizontal chips above the grid |
| Drawer filters | Filters slide open from a button |
| Inline faceted + infinite scroll | Filters embedded in the grid, loads more as the customer scrolls |
| Category drill-down | Customers land on a top-level category and drill into subcategories |
| Editorial masonry | Magazine-style staggered grid |
| Split lookbook | Split-screen, lookbook-style presentation |
| Dense catalog | Compact, high-density grid |
The 13 style skins include Auto Configurator, Avant-Garde, Clinical Wellness, Meridian, Orbit, Vesper, Solene, Hype Gold, Loft Furniture, and Audio Crescendo, plus three older skins — Ledger, Atelier, and Gazette.
Three skins don't render their named look yet
The Ledger, Atelier, and Gazette category-page skins currently fall back to the default look instead of their own distinct style — a known wiring gap on the BillionBiz side, not something you did wrong. Avoid picking one of these three if a specific look matters to you until it's fixed; the other 10 style skins and all 8 filter layouts work as shown in the preview.
Category has only a single default variant — there's no Variants tab for this page.
Cart and checkout
Cart and checkout are two separate pickers with two separate template lists.
Cart (the shopping-cart summary page) offers 21 templates: 9 structural layouts — Side Drawer, Modal Popup, Inline Expand, Single Page, Multi-Step, Buy Now, Receipt Column, Split Ledger, and Drawer Flow — plus 12 colour/style skins.
Three cart skins don't render their named look
Of the 12 cart style skins, Atelier, Ledger, and Aurora currently render an existing skin instead of the distinct look their name and preview promise — the components for those three were never built. The other 9 skins (Terminal Matrix, Neumorphic, Isometric Depth, Geometric, Synthwave, Candy Playful, Poster Typography, Watercolor Nature, and Artisanal Clay) work as shown.
Checkout (the payment flow) offers 19 templates: 6 structural flows — Side-drawer mini-cart, Modal popup cart, Inline expandable, Single-page accordion, Multi-step wizard, and Buy Now express — plus 13 colour/style skins (Atelier, Ledger, Aurora, Editorial, Boutique, Minimal, Brutalist, Immersive, Storyteller, Modular, Glass, Marketplace, and Heritage), all working as shown.
Cart and checkout each have only a single default variant — neither shows a Variants tab.
The full page journey
Beyond product, category, cart, and checkout, BillionBiz gives you a template picker for every other page in the customer journey — organised in Online Store → Theme → Page Layouts, with Checkout reachable only from Online Store → Pages:
| Stage | Pages | Reachable from |
|---|---|---|
| Frame (always visible) | Header, Footer | Page Layouts |
| Customers browse | Product page, Category page, Wishlist | Page Layouts |
| Customers buy | Cart | Page Layouts |
| Customers buy | Checkout | Pages |
| Customers complete the order | Order confirmation, Thank you, Order detail, Order tracking | Page Layouts |
| Customers return | Login, Sign up, Profile, Forgot password, Email verification | Page Layouts |
| Edge cases | 404 / Not found | Page Layouts |
Auth pages (Login, Sign up, Forgot Password, Email Verification) and post-order pages (Order Confirmation, Order Detail, Order Tracking, Thank You) each get their own independent template picker — they don't have to match each other. Two more page types follow the same picker pattern but sit outside this journey list: the Toaster page controls how pop-up notifications look throughout your store, and the Consent page controls your cookie banner. Find both at Online Store → Theme → Advanced → Feedback & messaging (not in the Page Layouts accordion).
If you're on the newer admin skin
If your admin panel is switched to the newer editorial skin, only five of the pages above — Header, Category, Product, Cart, and Footer — are currently reachable from the Page Layouts screen. The rest (Wishlist, Order Confirmation, Thank You, Order Detail, Order Tracking, Login, Sign Up, Profile, Forgot Password, Email Verification, 404) aren't yet wired up on that skin. All of them work as described above on the classic admin skin.
About Us, Contact Us, and Maintenance
These three pages each have their own live template picker, using the same picker experience as the journey pages above — they're content pages, but not plain uneditable ones.
Screen: Online Store → Pages, then open About Us, Maintenance page, or Contact Us.
- About Us — your brand story and feature highlights.
- Contact Us — a branded contact form, address, and map; inbound messages go straight to your inbox.
- Maintenance page — what customers see while your store is paused.
Each opens the same picker shell as the journey pages, with the same Templates / Variants / Themes / Config tabs, Save Draft, and Publish behaviour described above.
Order Listing
Order Listing — the order-history list page a customer sees (distinct from Order Detail, which is a single order) — also has a working template picker with the same Save Draft / Publish behaviour as every other page here.
No menu entry yet — open it from another page's switcher
Order Listing has no card in Online Store → Pages and no entry in the Page Layouts accordion. The only way to reach it today is the page-identity switcher inside any other page editor's top bar: open any page picker, click the page-identity button, and choose Order Listing under the Complete group.