Operations
Routine changes store staff can make without a developer, with the exact place in Shopify admin and how to confirm each change worked.
| I want to... | Page |
|---|---|
| Change homepage banners, carousels, or category tiles | Homepage |
| Change gift thresholds, the cart drawer, or free gift wording | Mini-cart and gifts |
| Change treatment prices, deposits, clinics, or booking forms | Medispa booking |
| Turn a popup on or off, or stop one appearing on a page | Popups |
Where settings live
Most settings are in Online Store > Themes > Customize. The editor has two kinds.
Theme settings apply to the whole store. Open them with the gear icon at the bottom of the left sidebar. Gift thresholds, Medispa deposit amounts, Klaviyo form IDs and the popup blacklist are all theme settings.
Section settings apply to one section on one page. Click the section in the left sidebar of the editor. Homepage carousels, the mini-cart drawer blocks and the free gifts banner are section settings.
Some settings are outside the theme editor. Per-treatment booking values are product metafields, edited under **Products
[product] > Metafields**. Clinic addresses and opening hours are metaobject entries under **Content > Metaobjects**. Metafields and metaobjects lists them all.
Before you change a live setting
Theme settings go live for every shopper the moment you press Save. The theme editor has no staging step.
To test first, duplicate the live theme under Online Store > Themes > ... > Duplicate. Make the change on the copy, check it with Preview, then make the same change on the live theme. Do not publish the copy unless a developer has told you it also contains code changes. The copy holds the settings as they were when you duplicated it, and publishing it would undo any setting changed on the live theme since.
What not to change
Ask a developer about these instead.
Theme settings > Development Mode. Turning on "Access site through BrowserSync?" removes the theme's main stylesheet and loads a file that no longer exists, so the store renders without styles. Leave it off.
Any section whose name mentions an app you do not recognise. Names containing boost-pfs, maestrooo, sca,
swym, haloroar, discountninja or tolstoy belong to apps the store has stopped using. See
Legacy and unused code.
Theme code. Online Store > Themes > ... > Edit code edits the live theme directly, and the next developer deploy overwrites the edit. Developers cannot see changes made there, so a bug introduced this way takes a long time to find.
Beauty Affairs HK theme documentation
What store staff can change in Shopify admin, and what a developer has to change in code, for the Beauty Affairs Hong Kong Shopify theme.
Homepage
Reorder and edit the homepage sections in the theme editor. The template is templates/index.json, so every change is a setting rather than code.