Storefront & themesUpdated 2026-06-01
Theme & style editor
Pick theme presets, color palettes, typography, and corner radius with a live preview.
The theme & style editor is a two-column screen: choose visual presets on the left, see them rendered live on the right.
Where to find it
Storefront → Theme & style (/admin/storefront). Requires the manage_storefront permission.
What you can customize
- Theme presets — built-in themes like Default and Retro
- Color palettes — primary and secondary colors
- Typography combos — heading and body font pairings
- Corner presets — border radius scale
The live preview
The right column renders a sticky PreviewFrame (640px tall) using the BlockRenderer — the same renderer your storefront uses. Changes update the preview instantly. Selected presets get a brand border and a check dot. Click Save to publish to live.
How saving works
Saving updates the theme installation's settings and syncs them to your shop's style model (shopStyle), which the storefront reads on every page load.
Related