Designing your shop

Where

Online Store → Themes

Plan

Growth and above

Permission

Ecommerce → Settings

Feature

Modules → Ecommerce

Your design lives in a draft until you publish it. Nothing you do on these screens is visible to shoppers until you press Publish on the Appearance screen.

How to start from a theme

1. Go to Online Store → Themes.
2. Browse the seven themes. Filter by industry or search by name.
3. Click Apply theme on the one you want.
4. Read the two switches:
   • Also seed the home page — on by default. It replaces your home page’s blocks with the theme’s demo content.
   • Replace my existing draft — off by default. Needed only if you already have unpublished design work.
5. Click Apply to draft.
6. Go to Appearance, look through the tabs, then Publish.

Applying a theme destroys unpublished work

A theme overwrites all of your draft design — colours, layout, header, footer, mobile bar — in one go. There is no draft history and no undo.

If you already have a draft, the app refuses the apply until you tick Replace my existing draft, and that tick is the point of no return. Your published shop is untouched either way.

With Also seed the home page left on, your home page’s blocks are replaced too. Turn it off to keep a home page you have built.

Themes look blank in the gallery

None of the seven themes has a preview picture — every card shows a grey placeholder. You are choosing from the name and description.

Badges about plan tiers or required features never appear, and are not enforced: every theme can be applied on any plan.

How to change your colours, logo and text

1. Go to Online Store → Appearance.
2. Work through the five tabs. They share one Save — switching tabs never loses anything.
3. Click Save draft.
4. Click Publish.

The badge at the top tells you where you stand: Unsaved changes, Never published, Unpublished changes, or Draft matches live site.

Branding

Your Site title and Tagline (used in the header, browser tab and search results), your Logo, Logo (light variant) for dark backgrounds, and your Favicon — each with Alt text.

Then 13 colour tokens — Primary, Accent (add to cart), Background, Sale price and so on. Any CSS colour works. The little swatch only previews #hex values, so an empty swatch next to an hsl() colour is normal, not an error.

Heading font and Body font take Google Font family names; an unknown name quietly falls back to the system font.

Currency display changes how prices are shown. It does not change what you are paid in.

Layout & features

Home page layout picks one of five arrangements — Classic, Sidebar, Showcase, Editorial or Services. Each has a description on screen. This restructures the home page; it does not change colours.

Shopper features are five switches: Product comparison, Wishlist, Quick view, Ratings & reviews, and Delivery estimate.

One of those five switches does nothing

Delivery estimate is not read by the shop. Turning it on or off changes nothing a shopper sees. The other four work.

Header, Footer and Mobile nav

The Header tab sets the preset (Standard, Classic or Minimal), the search box wording, the announcement strip and its rotating messages, your main navigation links, and the optional deal pill.

The Footer tab sets your about text, address, email, support number, copyright, link columns, app-store badges, social profiles and payment badges.

The Mobile nav tab sets the bar that replaces the header on phones.

Three things on these tabs behave unexpectedly

Support number belongs on the Footer tab. The one on the Header tab is essentially never displayed. Fill in the footer one.

Icon names must be Lucide names — shopping-cart, home, layout-grid. A name like shopping_cart renders nothing at all, silently. This applies to the mobile bar.

The Minimal header preset hides some elements, so a field you filled in can legitimately not appear. That is the preset, not a bug.

Payment badges are pictures, not payment methods

The Payment icons list puts logos in your footer. It does not switch on a way to pay. Payment methods are set up elsewhere entirely.

How to put your design live

1. Click Save draft.
2. Click Publish.
3. Confirm.

Publishing cannot be undone

There is no version history, no rollback and no “go back to the live version”. Publishing overwrites what is live, permanently.

There is also no “discard my draft” button — once you have edited a draft, the only way forward is to publish it or overwrite it with a theme.

Publish sends the last saved draft, not the screen

If you have unsaved edits and press Publish, the app publishes what you last saved, not what is in front of you. The confirmation warns you. Save first.

Allow up to a minute for the change to show. There is no preview — the only way to see your shop is to open its address in a browser.

Two people editing at once will overwrite each other

Each save replaces the whole of each section of the design. If a colleague saves while you are working, the later save wins completely and silently.

Related

• Setting up your shop
• Pages and sections