shopify-theme-dev

Online Store 2.0 uses JSON templates organized into sections and blocks. Create a theme directory with assets, sections, snippets, and templates folders, then build index.json and product.json templates by composing reusable sections like hero and product-grid, each with schema definitions for customization.

Settings_schema.json defines theme-wide and section-level customization options that appear in the Shopify theme editor. Configure it to expose JSON properties as user controls, allowing merchants to adjust theme behavior without editing code.

Sections are liquid files paired with JSON schema that define blocks, settings, and presets. Create a section file in the sections folder with liquid markup and a schema block that specifies input fields; blocks nest inside sections to create modular, repeatable components.

Yes, snippets are smaller liquid partials included within sections and templates. Use snippets for common components like product cards or headers, then render them via include tags within section templates to reduce duplication.

A Shopify theme requires assets (CSS, JavaScript), config (settings_schema.json), sections, snippets, templates, and locales folders. This structure supports Online Store 2.0 JSON templates, section-based layouts, and merchant customization through the theme editor.

JSON templates work alongside liquid templates. JSON templates define the section composition and layout; each section contains liquid code and JSON schema. This separation allows merchants to reorder and configure sections visually without touching code.