Shopify Theme Anatomy

Shopify themes are structured collections of template files, sections, and assets that control the appearance and functionality of a Shopify store. Understanding the anatomy of a Shopify theme helps in customizing and developing themes effectively.


Block Diagram of Shopify Theme

Shopify Theme Anatomy


  • Layout : Global Page Wrapper layout/theme.liquid. The main structure of every page in the theme.

  • Template : Page-Specific Layouts templates/*.json. Defines the structure of different pages like homepage, product pages, collections, etc.

  • Section : Reusable Content Blocks sections/*.liquid

  • Section Groups : Groups multiple sections together for better organization.

  • Blocks : Editable Components Inside Sections