LoginSign Up

Track 1: Shopify Theme Developer

Build Shopify themes with Liquid, sections and blocks, from a dev store to a finished custom theme.

₹992 Months

Please login or create an account to purchase this course.

LoginSign Up

New here? Install Node.js and Git before your first lesson. About 20 minutes.Open the setup guide →

Module A: Start

  1. 1What is Shopify, store types, Dev Dashboard and dev store
  2. 2Shopify CLI: theme dev, pull and push
  3. 3Theme folder structure
  4. 4Online Store 2.0 and JSON templates
  5. Mini project: Rename and restyle the header of Horizon

Module B: Liquid

  1. 5What is Liquid: objects, tags and filters
  2. 6Loops, conditions, forms and pagination
  3. 7render, snippets, section and block settings
  4. 8Liquid errors and Theme Check
  5. Mini project: Custom collection grid using your snippet

Module C: Sections and Schema

  1. 9Section schema, setting types and presets
  2. 10Blocks and app blocks
  3. 11Horizon walkthrough: how a real theme is built
  4. 11bExtra: Dawn walkthrough
  5. 12Build a custom section from zero
  6. Mini project: A 3 section landing page, fully editable from the theme editor

Module D: Store Pages

  1. 13Product page: variants, media, selling plans, size chart and tabs
  2. 14Collection page: filter, sort and pagination
  3. 15Cart: slide cart, Cart Ajax API, notes, upsell and free shipping bar
  4. 16Search: predictive search, mega menu and sticky header
  5. 17Metafields and metaobjects in themes
  6. 18Multi currency, multi language and Markets
  7. Mini project: Upgrade a product page with size chart, tabs, metafield and upsell

Module E: Quality and Delivery

  1. 19CSS and JS best practices, Web Components
  2. 20Speed and Lighthouse
  3. 21Accessibility
  4. 22Pixel perfect theme from Figma
  5. 23Publish, backup and client handover
  6. 24Checkout customization basics and Shopify Plus

Final project

  1. Final project: Complete custom theme