Theme
A Shopify theme is the code and template package that controls your storefront's layout, design, and features using Liquid, HTML, CSS, and JavaScript.
What is a theme?
A theme is the template and code package that controls your storefront’s layout, design, and features. In Shopify a theme is built with the Liquid templating language combined with HTML, CSS, and JavaScript. Modern Online Store 2.0 themes use JSON templates with sections and blocks that you can add, remove, and reorder in the theme editor — without touching the code.
Why does a theme matter?
The theme is the frame your customers actually see and shop in, so it directly affects conversion, page speed, and SEO. A heavy or poorly structured theme causes slow pages and layout shifts (CLS), while a well-built theme keeps the most important content above the fold and works as well on mobile as on desktop. Because the theme also renders titles, metadata, and structured data, your theme choice has a big impact on how Google understands your pages.
Common use cases
- Choosing a new theme. Pick from free and paid themes in the Shopify Theme Store — for example the free default theme
Dawn. - No-code customization. Adjust colors, sections, and content in the theme editor under Online Store → Themes.
- Code edits. Edit
theme.liquid, sections, snippets, and assets via Edit code. - App integrations. Add app blocks inside sections instead of hardcoding them into the theme.
- Updating. Switch or update a theme without losing content stored in products and metafields.
Shopify perspective
Keep a clean version of your theme and test changes on a duplicate before publishing. Note that checkout is not controlled by the theme — it is customized separately through Checkout Extensibility. Consider a page builder if you want to build landing pages without editing Liquid, and watch page speed when you install apps that add scripts to the theme.