Design Studio: one look for every chart
What lives in each Design Studio tab, how publishing actually works, and adding your own CSS or JS.
One shop-wide look for every chart — colors, layout, and how the chart opens. Chart content (sizes, rows) lives in Templates, not here.
| Tab | What's in it |
|---|---|
| Library | Start from a built-in preset (Minimal, Modern, Bold, Playful, Plain, Editorial), or manage your own. |
| Style | Colors, font, icon, table layout, and the trigger button style. |
| Actions | Popup vs. drawer vs. side drawer, where the trigger sits, the unit switcher, and your contact note. |
| Developer | Custom CSS and JS that run directly on your storefront. |
Publishing: changes auto-save as you work. When you're ready to go live, click Publish. Publishing replaces whichever preset is currently live — only one can be active at a time, and it applies shop-wide immediately.
If you see a toast saying the storefront copy needs a retry, your change did save — just re-publish to retry syncing it to your storefront.
Custom code: yes, you can add your own CSS or JS from Design Studio → Developer. It runs directly on your storefront, so only add code you trust.