Level 1: theme settings

In the theme editor, under Theme settings, you control global colors, fonts, button shapes, spacing and social links. Most stores never finish this step. Setting two fonts and a deliberate color palette here does more than any single section change.

Level 2: sections and blocks

Online Store 2.0 themes let you add, remove and reorder sections on every template, not only the homepage. You can build a product page with a size guide, a reviews block and an FAQ without touching code. The limit is whatever sections your theme ships with.

Level 3: code

When you want a layout your theme does not offer, the answer is in the theme files: Liquid templates, CSS and sometimes JavaScript. This is where custom sections, restyled product cards and precise spacing live. It is also where stores get broken, so it should always be done on a duplicate theme.

How to customize safely

• Duplicate your live theme before any change. It takes one click under Online Store, Themes.
• Rename the copy with the date so you know which is which.
• Make changes on the copy and use its preview link to check them.
• Test on a real phone, not only the editor's mobile view.
• Publish only when you are satisfied. The old theme stays in your library as a backup.

Where we fit

Our $499 transformation works across all three levels: we set the global system, rebuild your key templates from sections, and write custom CSS and Liquid where the theme falls short. All of it happens on a duplicate.