Theme Architecture with Liquid for Developers

Explore Shopify's theme architecture from layout files to theme blocks.

rate limit

Code not recognized.

About this course

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.

 

Curriculum45

  • Theme structure
  • The layout folder
  • The config folder
  • The template folder
  • The sections folder
  • Theme blocks
  • The locales folder
  • The snippets folder
  • The assets folder
  • Lab Part 1: Prep your environment for theme work
  • Lab part 2: Build reusable snippets and theme blocks
  • Course Feedback

About this course

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.

 

Curriculum45

  • Theme structure
  • The layout folder
  • The config folder
  • The template folder
  • The sections folder
  • Theme blocks
  • The locales folder
  • The snippets folder
  • The assets folder
  • Lab Part 1: Prep your environment for theme work
  • Lab part 2: Build reusable snippets and theme blocks
  • Course Feedback