Skip to content

Themes & the visual editor

Open Online store → Themes → Customize to launch the visual editor.

How editing works

Your store is built from sections (hero, product grids, image banners, FAQs…) and blocks inside them.
Click any element on the live preview to edit its settings; drag to reorder sections.
Changes are saved as a draft and applied to the live store only when you press Publish — experiment freely.

Theme settings

Global controls — colors, typography, spacing — live under theme settings and apply across all pages. Color schemes can be swapped per section.

Dynamic content

Many text and image settings can be bound to dynamic sources (product fields and metafields), so a section shows the right content per product or collection automatically.

Create pages (About, FAQs, lookbooks) under Online store → Pages, and manage menus under Navigation. Policy pages get their own template.

Custom code

Developers can edit theme files (Liquid templates, CSS, JSON) under Themes → Edit code, or import a theme as a ZIP. The visual editor and code editing work on the same theme safely via versioned drafts.