Build with themes

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.

These 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.

In this section

• Theme templates — the template types, their key naming conventions, and how to create one
• Theme layouts and pages — the layout that wraps every page, the required layout variables, and which template renders each route
• Theme snippets, blocks, and components — reusable fragments, CMS-configured content blocks, and asynchronous components
• Liquid theme components — components in depth, including reload events, persisting state, and how the reload mechanism works
• Theme forms — the {% form %} tag, the form drop, error handling, and CSRF protection