Storefront Mode: Commerce, Services, or Both
Switch your storefront's home page, navigation, and cart between a product store, a booking site, or a hybrid of the two — and understand exactly what the switch changes and what it leaves alone.
Storefront Mode decides what your storefront is for — a product store, a booking site, or both — and applies that choice across your home page, navigation, and cart/wishlist icons in one action. It is a preset, not a separate version of your store: everything it sets stays individually editable afterwards, the same way the appointment settings presets do on the Settings & Presets page.
What to know before switching modes
- Every store starts on Commerce with a Landing home page — this is the same as no Storefront Mode existing at all, so nothing changes for a store that never opens this control.
- Switching modes rewrites your Navigation Links, your home page, and your cart/wishlist icons together — you don't have to update each one by hand.
- Everything the switch sets — the nav links, the cart/wishlist icons, the home page — is a normal editable field afterwards, not a locked template.
- Checkout and account pages are not affected by the switch itself; see Checkout stays reachable below.
The three modes
| Mode | Home page | Navigation Links written | Cart & Wishlist icons | /book (booking funnel) |
|---|---|---|---|---|
| Commerce (default) | Landing page | Home, Shop, About, Contact | Shown | Turned off |
| Services | Landing page, or the booking funnel if you also set Home page to Booking | Home, Book, About, Contact | Hidden | Turned on |
| Both | Landing page, or the booking funnel if you also set Home page to Booking | Home, Shop, Book, About, Contact | Shown | Turned on |
Applying a mode writes a curated Navigation Links list (no vertical-specific wording — it always
says "Shop" and "Book," not a business-specific label) and turns the internal /products, /cart,
/wishlist, and /book routes on or off together, so the store never ends up with, for example, a
visible cart icon but a hidden Shop link. Every one of those fields is still a normal, individually
editable Navigation Link or icon toggle after you apply the mode — applying it again, or editing a
single link afterwards, both work exactly as they would on a store that never used Storefront Mode.
Home page is a separate choice from Storefront Mode
Setting Storefront Mode to Services or Both does not, by itself, change your home page — it only becomes available to switch to Booking. Leave it on Landing and your existing home page keeps rendering even after you turn on the booking funnel elsewhere in your navigation.
What "Home page: Booking" changes for customers
When a store's home page is set to Booking, a customer visiting your storefront's root URL
lands directly on the first screen of the booking funnel described in
Customer Booking Flow — the same Service →
Choose → Time → Details → Confirm → Done flow they'd reach from a Book navigation link, just
reused as the home page. Every other route — Shop, About, Contact, My Bookings — is unaffected; only
the root / URL's content changes. A store left on Landing (the default) is byte-identical to
how it rendered before Storefront Mode existed.
The reused page now has its own design editor
Whether or not your home page is set to Booking, the funnel page itself — Online Store →
Pages → Booking page — is a page you can now design a template and per-step formats for, the same
way you can for other storefront pages. See Booking Experience
Editor for the controls, and note its
current limit: the page template and every per-step format choice still don't change what a
customer sees at /book or on a Booking home page, regardless of Storefront Mode. The one
exception — the Staff / resource picker row's on/off switch, which can shift the step count and
labels a customer sees without changing any step's design or actually removing the screen for an
offering with more than one available resource — behaves identically whether or not your home page
is set to Booking. See Booking Experience Editor → When the on/off switch reaches the live
funnel
for the full behavior.
Checkout stays reachable
Applying Services mode hides the Shop navigation link and the cart/wishlist icons, but it does
not turn off the /checkout or /order-confirmation routes — a customer who reaches checkout
by a direct link (an old bookmark, a shared cart link, or a leftover item from before the switch)
can still complete it. Checkout and Order Confirmation are marked as required, non-disableable
system routes in the store's Navigation Links list, so there is currently no admin control that
turns them off, in any Storefront Mode.
A pure-services store can still show an active checkout page
If your store only offers bookings, don't rely on Storefront Mode alone to keep customers out of checkout — it hides the entry points (Shop link, cart icon) but the checkout route itself stays live. Treat this as a known gap, not a misconfiguration on your part.
The header cart icon isn't the only cart affordance a theme can show. On wider screens, a round floating cart button appears as a fallback specifically when the header cart icon is turned off, so a commerce store never loses its only way to reach the cart. On narrower screens, a separate floating cart button can appear too, but it's an independent theme setting — it can show up whether or not the header cart icon is on. Applying Services mode hides both floating buttons entirely, exactly like the header icon — a services-only store no longer shows a cart affordance anywhere on the storefront. Product and Both stores keep whichever floating button applies: the wider-screen fallback when the header cart icon is hidden, and the narrower-screen button whenever that setting is turned on.
Setting up Storefront Mode (admin)
Admin control not finalized yet
The Storefront Mode control is still being built in the admin panel as this page is written, so the exact navigation path and screen layout aren't documented here yet — documenting an unverified nav path or button label risks shipping something wrong. This section will be filled in with the verified Screen: path and step-by-step control names once that work lands. What's documented above (the three modes' effects, the home-page swap, and the checkout gap) is confirmed against the shipped backend and customer-portal code and won't change when the admin screen ships.
Troubleshooting
I switched to Services mode but customers still see a Shop link or cart icon. Storefront Mode rewrites Navigation Links and the cart/wishlist icons at the moment you apply it — it does not continuously enforce them. If you (or an earlier session) edited a Navigation Link or a cart/wishlist setting by hand afterwards, that manual edit stays until you change it again or re-apply the mode.
I turned on the booking funnel but my storefront's home page didn't change. Storefront Mode and Home page are two separate fields. Turning on Services or Both only makes the Booking home page option available — you still need to set Home page to Booking for the root URL to show the booking funnel instead of your Landing page.
A customer reached checkout on my booking-only store. This is expected with the current release — see Checkout stays reachable above. There is no admin toggle yet that disables checkout or order confirmation.
Next steps
- Customer Booking Flow — the funnel customers land on from a Book link or a Booking home page.
- Navigation, Header & Footer — how Navigation Links, including the routes Storefront Mode writes, work in general.