Design Studio
A live visual editor for your entire store — typography, colors, layout, branding, and page content, all in one place.
The Design Studio is your central workspace for controlling how your store looks and feels. Every change you make is previewed live in a full storefront iframe on the right — no need to switch tabs or refresh.
What You Can Edit
The Studio is organized into six workspaces, each focused on a different part of your store:
| Workspace | What it controls |
|---|---|
| Site | Global typography, colors, header, logo, and component styles |
| Home | Hero section, homepage sections, featured products |
| Shop Pages | Banner images for shop, search, cart, and checkout |
| About | About page banner, content, and team section |
| Contact | Contact page banner, form copy, and business details |
| Footer | Footer layout, text, social links, and colors |
Opening the Design Studio
In your admin sidebar, click Store Design. The Studio opens with the Site workspace active and a live preview of your store on the right.
Switch between workspaces using the top navigation tabs.
Live Preview
The right panel shows your actual storefront, updating as you make changes. The preview automatically shows the page most relevant to the workspace you're editing.
Changes are not saved until you click Save. If you navigate away with unsaved changes, the Studio will warn you before leaving.
Saving
Each workspace has its own Save button. Click it after making changes in that workspace. You don't need to save all workspaces at once — each saves independently.