Day-to-Day Operations
Getting started in the theme editor
How to find, navigate, and safely edit the Car Battery Pro store in the Shopify theme editor.
Getting started in the theme editor
👤 Ops
Almost all visual and copy changes are made in the Shopify theme editor. This page gets you oriented; later pages cover specific content types.
Logging in
- Go to admin.shopify.com and sign in.
- In the left sidebar, click Online Store → Themes.
- Find the live theme (or a duplicate) and click Customize. This opens the theme editor.
See Shopify's guide to the theme editor for the basics.
Editor anatomy
- Top bar — page selector (Home, Products, Pages, etc.), device preview (desktop / tablet / mobile), and Save.
- Left sidebar — the list of sections on the current page. Click a section to see its blocks (sub-items) and settings.
- Right sidebar — settings for the selected section or block.
- Centre — live preview. Click any element in the preview to jump to its settings.
Section = a full-width block on a page (e.g. Standard hero, Installation). Block = a sub-component inside a section (e.g. a Bullet or Step). See the glossary.
Editing without breaking things
- Always click Save after changes. Use Undo (the top-bar arrow) if something looks wrong.
- For risky changes, duplicate the theme first (Themes → ⋯ → Duplicate), edit the copy until you're happy, then publish it.
- Custom page templates (e.g. the Scheduling tool) have fixed structures. Read Page templates before changing them.
Editor edits to the live theme are reflected on the storefront immediately and are pulled back into the code repository automatically. When in doubt, work on a duplicate. See Deployment.
Where content lives
Not everything is edited in the theme editor. Use this map to find the right place:
| Where you edit it | What it controls |
|---|---|
| Theme editor → section/block settings | Headings, images, CTAs on a specific page |
| Shopify Admin → Content → Metaobjects | FAQs and Reviews widgets reused across the site |
| Products → (a battery) → Metafields | Product-specific bullets, specs, datasheets |
| Online Store → Navigation | Header & footer menus |
| Theme editor → Theme settings | Brand colours, fonts, debug mode |
Developer reference
- The theme is a custom build (not based on Dawn). Conventions are in
CLAUDE.mdandAGENTS.md. - Sections live in
/sections, blocks in/blocks, snippets in/snippets, JSON page templates in/templates. See Repository & theme structure. - All user-facing strings use translation keys (
{{ 'key' | t }}) inlocales/en.default.json.