🛍️

Liquid Tutorial

Shopify's templating language for custom theme development

46 free lessons

Liquid Basics

  1. 1Liquid Introduction
  2. 2Liquid Syntax
  3. 3Liquid Variables
  4. 4Liquid Data Types
  5. 5Liquid Operators

Liquid Tags

  1. 1Liquid If / Unless
  2. 2Liquid Case
  3. 3Liquid For Loops
  4. 4Liquid tablerow
  5. 5render & include
  6. 6Liquid Paginate
  7. 7Liquid Forms

Liquid Filters

  1. 1Filters Introduction
  2. 2String Filters
  3. 3Money & Number Filters
  4. 4Image Filters
  5. 5Array Filters
  6. 6JSON & Default Filters

Shopify Objects

  1. 1shop Object
  2. 2product Object
  3. 3collection Object
  4. 4cart Object
  5. 5customer Object
  6. 6routes Object
  7. 7Metafields in Liquid

Theme Architecture

  1. 1Theme Folder Structure
  2. 2theme.liquid Layout
  3. 3JSON Templates
  4. 4Sections & Schema
  5. 5Snippets
  6. 6Theme Settings
  7. 7Assets & Locales

Shopify CLI

  1. 1Shopify CLI Introduction
  2. 2Install Shopify CLI
  3. 3CLI Authentication
  4. 4theme init — Start a New Theme
  5. 5theme dev — Local Development
  6. 6theme push & pull
  7. 7theme check — Linting
  8. 8theme package & share
  9. 9CLI + Git Workflow

Advanced Theme Development

  1. 1Product Page Template
  2. 2Liquid + JavaScript
  3. 3Theme Performance
  4. 4App Blocks & Embeds
  5. 5Theme Development Best Practices