Storefront and theme
Colours, fonts, logos, and per-page content blocks in the theme editor
The Storefront menu is where you control how the shop looks. Hit edit theme to open the editor: settings on one side, a live preview on the other, switchable between desktop and mobile.
How the editor is laid out
Pages panel
Choose what you are editing: home · products · product · cart · wallet · purchases
Blocks panel
Add, remove, and reorder content blocks on pages that support them.
Properties panel
Edit whatever is selected — copy, image, colour, or visibility.
Preview
Click an element in the preview to select and edit it directly.
Some pages use the theme's own layout and take no blocks, but the header and footer are always editable.
Colours and the palette
- Edit the palette and every element linked to that colour changes across the shop — the fastest way to rebrand
- Override individual elements when needed; they are grouped as brand · surfaces · lines
- Pick colours by wheel, by HEX, or with the screen picker
- Restore default colours returns to the theme's palette without touching logos, copy, or blocks
| Group | Applies to |
|---|---|
| Brand | Primary buttons, links, accents, hover states, and text on brand backgrounds |
| Surfaces | Page, card, and panel backgrounds |
| Lines | Borders and dividers |
Typography
Four roles are configurable: body · subheading · heading · accent. Weights run from regular to bold, and fonts can be filtered by Thai or Latin script.
Always check Thai text
Many Latin fonts have no Thai glyphs. If you sell to Thai customers, choose a font that covers Thai and preview a page with long copy before saving.
Logo and favicon
- Primary logo — for light backgrounds
- Inverse logo — for dark or brand-coloured backgrounds, such as the footer
- Favicon — the browser tab icon
Pick them from the file library; PNG with transparency works best.
The content blocks
Pages cap how many blocks they hold; when full, remove one before adding another. Removing a block deletes its copy and settings with it.
Header and footer
Elements such as logo, menu, search, account in the top bar and shop details, links, trust marks, copyright in the footer can each be shown or hidden. Select one in the preview and toggle visible in the properties panel.
Saving, and working alongside others
Edit and check the preview
Changes appear instantly in the preview but reach customers only when saved.
Save
The live storefront updates on save.
If you are told the theme changed elsewhere
Someone else — or you, on another device — saved while you were editing. Reload the latest theme and redo your change; the editor will not silently overwrite their work.
Discarding unsaved theme changes cannot be undone. Save in stages when trying something ambitious.
Pre-launch checklist
- Logo and favicon in place
- A hero that says what the shop actually sells
- Fonts that support Thai and read well on mobile
- A contact block with channels you really answer
- A text block covering buying terms and refunds
- The whole purchase path walked in a private window