-
Theme structure
-
Knowledge check
-
The layout folder
-
Knowledge check
-
The config folder
-
Knowledge check
-
The template folder
-
Knowledge check
-
The sections folder
-
Knowledge check
-
The locales folder
-
Knowledge check
-
The snippets folder
-
Knowledge check
-
The assets folder
-
Lab Part 1: Prep your environment for theme work
-
Lab Part 2: Analyze Accelerator theme code
-
Lab Part 3: Liquid syntax for metafields & metaobjects
-
Theme blocks
-
Course Feedback
Theme Architecture with Liquid for Developers
Course 2 of 4 in Liquid Storefronts for Theme Developers
Explore Shopify's theme architecture from layout files to theme blocks.
Learn Shopify's theme architecture through real-world Liquid examples: layout files, templates, sections, and settings. Understand how these layers work together to build scalable, performant themes.
By the end of this course, you’ll be able to:
- Describe the key elements of a theme including layout and config files, templates, sections, and section settings
- Describe what the Liquid code embedded in each file type is “doing” in the storefront
How to get started
You can go through this course at your own pace and on any device. For information about minimum technology requirements to access courses and assessments, navigate to our Help page.