New: the WhatsApp AI Agent now supports CSV contact import. Read the guide

Open the theme editor and find your way around

Open Online Store → Theme Settings to launch the theme editor for your live store pages. The left icon rail holds your tools, the top bar switches pages and devices, and Save and Published are two separate actions.

Steps

  1. In the sidebar, click Online Store → Theme Settings (or Online Store → Themes → Customize on your active theme).
  2. Use the left icon rail (icons only, top to bottom):
    • + — Add Blocks: searchable blocks to drag onto the page.
    • Pre-made sections: ready-made Header, Footer, Featured Content, Slider, Incentives, Hero, Product Details, Express Checkout and Checkout Form.
    • Theme Customizer: direction, font, colour palettes and corner radius.
    • Pencil — the selected block's Settings / Styles / Variants tabs.
    • Design Layers: the tree of every block; click one to scroll to it, hide it with the eye icon, or delete it.
    • Gear — Global Settings: favicon, SEO, custom code, cookie banner.
    • Flag — the editor language switcher.
  3. In the top bar, open the page selector (Select Page / All the Pages) to switch between Home, Product, Checkout, Cart and your custom pages; + Create New Page adds one.
  4. Use the device switcher to preview the phone, tablet or desktop frame (plus fullscreen). Undo and Redo sit next to it.
  5. Above the canvas, switch between Page, Header and Footer. Header and Footer carry the badge Shared across all the store because they are reused on every page.
  6. Click Save to store your changes. The Published / Unpublished toggle is separate: Save keeps your work, Published decides whether visitors see the page.

Common problems

Related

Plain-text / Markdown version