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.
Before you configure anything: premium defaults
You don't have to pick a design before your store goes live. Every page below ships with a default that renders automatically until you publish your own choice — and as of the 2026-07-12 premium-by-default rollout, those defaults are the same polished designs you'd otherwise have to pick yourself, not a plain placeholder look:
| Page | Default before you configure it |
|---|---|
| Product listing (Category page) | Meridian style skin |
| Cart | Geometric style skin |
| Contact Us | The Aurora layout — a floating contact form over an animated gradient scene, with business hours, socials, FAQ link, email, and phone shown by default |
| Header | The centered logo, split navigation layout |
| Footer | The centered minimal luxury layout |
| Order Listing | Chronicle Editorial |
Why did my store's look suddenly change?
If your store went live before 2026-07-12 and you never explicitly picked a design for one of the pages above, its look changed on that date as part of this rollout — you were moved from an older, plainer default (the previous defaults were the "Dawn" skin for the product listing and cart pages, an "Editorial" layout for Contact Us, and a hand-built navbar/footer) to the premium ones in the table above. If you'd already picked and published your own design for a page, this rollout did not touch it — publishing always takes priority over the default, on any page.
Nothing about how you change these defaults is different — use the same picker described in this page for each one (Online Store → Theme → Page Layouts for Header, Footer, Category, and Cart; Online Store → Pages for Contact Us; the page-identity switcher for Order Listing, see below). Publishing any design for a page — default or not — replaces the automatic default for that page going forward.
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.
Default skin: Meridian
If you haven't picked a category-page skin yet, your store currently shows Meridian — see Before you configure anything above.
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.
Cart's default skin: Geometric
If you haven't picked a cart skin yet, your store currently shows Geometric — see Before you configure anything above. Checkout's default did not change in this rollout.
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).
Newer admin skin now has the full journey
The newer editorial admin skin's Page Layouts screen now reaches every page in the journey list above — Header, Category, Wishlist, Product, Cart, Order Confirmation, Thank You, Order Detail, Order Tracking, Login, Sign Up, Profile, Forgot Password, Email Verification, 404, and Footer — the same set as 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.
Contact Us's default: Aurora
If you haven't picked a Contact Us template yet, your store currently shows the Aurora layout — a floating contact form over an animated gradient scene, with business hours, socials, an FAQ link, email, and phone shown by default. See Before you configure anything 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. It's the only page in this journey that renders real order data live in the picker preview, not sample content.
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.
Default: Chronicle Editorial
If you haven't published an Order Listing design yet, your customers currently see Chronicle Editorial — see Before you configure anything above. There's no cancel or complete-payment action inside this template itself — those actions render as a separate "Needs your action" strip above the templated list on the customer-facing page (see My Orders, Tracking & Returns for what your customers see).