{"title":"Build with themes","slug":"build-with-themes","url":"https://support.storeconnect.com/articles/build-with-themes","url_markdown":"https://support.storeconnect.com/articles/build-with-themes.md","subtitle":null,"summary":"Create and override the templates that produce storefront markup: page templates, layouts, snippets, content blocks, components that reload without a page refresh, and forms. Use this section when changing what the page contains or how it is put together.","type":"Developer_Documentation","video_url":"","keywords":"theme templates, page templates, layouts, snippets, content blocks, components, forms, liquid templates, template keys, storefront markup, render tag, component tag, form tag","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"Everything a shopper sees is produced by a template. A theme supplies only the templates it wants to change, and anything it leaves out comes from the base theme.\n\nThese articles cover the kinds of template you can create and the tags that combine them. Start with theme templates for the key conventions, then move to the article matching the part of the page you are changing.\n\n## In this section\n\n- [Theme templates](theme-templates) — the template types, their key naming conventions, and how to create one\n- [Theme layouts and pages](theme-layouts-and-pages) — the layout that wraps every page, the required layout variables, and which template renders each route\n- [Theme snippets, blocks, and components](theme-snippets-blocks-components) — reusable fragments, CMS-configured content blocks, and asynchronous components\n- [Liquid theme components](theme-components) — components in depth, including reload events, persisting state, and how the reload mechanism works\n- [Theme forms](theme-forms) — the `{% form %}` tag, the form drop, error handling, and CSRF protection"}