Themes: Online Store 2.0, Dawn & Theme Library

A theme controls how your storefront looks and behaves — layout, colors, fonts, and page structure — built with Liquid, HTML, CSS, and JavaScript.

What is a Shopify theme?

A theme controls how your storefront looks and behaves — layout, colors, fonts, and page structure — built with Liquid, HTML, CSS, and JavaScript.

Shopify provides free themes and a paid Theme Store with many premium options; you can also build a fully custom theme from scratch.

Real-life example: A theme is the interior design and layout of your shop — same products can look completely different depending on shelf arrangement, lighting, and signage.

Free themes — good starting point, actively maintained by Shopify
Theme Store — paid themes with more built-in design options
Custom themes — built by developers for unique brand needs

Online Store 2.0 architecture

Online Store 2.0 (OS 2.0) is the modern theme architecture that introduced JSON templates and made sections available on every page, not just the home page.

Before OS 2.0, only the home page supported flexible drag-and-drop sections. Now product pages, collection pages, and even the cart can be rearranged with sections and blocks.

Real-life example: Older themes were like a shop where only the front window display could be rearranged. OS 2.0 is like being able to rearrange shelves in every single room of the shop, not just the entrance.

JSON templates — define which sections appear on a page, and in what order
Sections everywhere — not limited to the home page anymore
App blocks — apps can inject their UI directly into any section
Metafields — structured custom data attached to products, pages, or the store

Theme structure layers

Dawn and the reference theme

Dawn is Shopify's free reference theme, built to demonstrate Online Store 2.0 best practices — fast performance, accessibility, and clean Liquid code.

Many other themes (free and paid) are built on top of Dawn's patterns, so learning Dawn's structure helps you understand most modern Shopify themes.

Real-life example: Dawn is like a model showroom apartment that other builders copy the layout from — learn the model unit well, and most other apartments in the building feel familiar.

Tip: When picking a theme, prioritize speed and Online Store 2.0 support over visual flashiness — a slow theme hurts conversions and SEO.

Typical theme folder structure

theme/
  layout/
    theme.liquid
  templates/
    index.json
    product.json
    collection.json
  sections/
    header.liquid
    footer.liquid
    hero-banner.liquid
  snippets/
    product-card.liquid
  assets/
    theme.css
    theme.js
  config/
    settings_schema.json
    settings_data.json
  locales/
    en.default.json