Shopify Liquid Fundamentals
Master Shopify theme development from the ground up. Learn Liquid templating, theme architecture, and build production-ready storefronts.
Course Curriculum
- 1
Setting Up Your Shopify Development Environment
12 min read
- 2
Local Development with Shopify CLI
15 min read
- 3
Building a Minimal Shopify Theme from Scratch
10 min read
- 4
Connecting and Syncing Themes (Push/Pull/Publish)
10 min read
- 5
Git Basics for Theme Projects
12 min read
- 6
Theme Check and Linting Conventions
10 min read
- 1
Liquid Objects Explained: Your Gateway to Shopify Data
12 min read
- 2
Liquid Syntax: Tags, Objects, and Filters
12 min read
- 3
Scope: Global Objects vs Template vs Section Settings
10 min read
- 4
Control Flow: if/elsif/for/case
12 min read
- 5
Snippets and Render Patterns
10 min read
- 6
Common Pitfalls: Nil Checks, Whitespace, Performance
10 min read
- 1
Assets Pipeline: How CSS, JS, and Images Load
12 min read
- 2
CSS Structure for Maintainability
12 min read
- 3
Responsive Layout Strategies
10 min read
- 4
JavaScript Patterns: Progressive Enhancement
12 min read
- 5
Working with Shopify's Built-in JS Utilities
10 min read
- 6
Performance Fundamentals: Critical Rendering
12 min read
- 1
Collection Template Architecture
12 min read
- 2
Building a Collection Banner Section
10 min read
- 3
Product Grid Section: Cards, Images, Badges
15 min read
- 4
Sorting UI and Wiring to Shopify
12 min read
- 5
Filtering Concepts: Native Filters and Tags
15 min read
- 6
Pagination vs Load More Patterns
10 min read
- 7
Empty States and No-Results UX
8 min read
- 1
Product Page Architecture and Schema Strategy
12 min read
- 2
Media Gallery and Slider
15 min read
- 3
Variant Selection: Options and Availability
15 min read
- 4
Product Form and Add-to-Cart Mechanics
12 min read
- 5
Quantity Controls and Line-Item Properties
10 min read
- 6
Dynamic Content: Metafields and Tabs
12 min read
- 7
Recommendations and Complementary Products
10 min read
- 1
Cart Fundamentals: Objects, Line Items, Totals
12 min read
- 2
Building a Cart Drawer (Mini Cart)
15 min read
- 3
Empty Cart State and Conditional Rendering
8 min read
- 4
Updating Quantity: Server and AJAX Approach
12 min read
- 5
Removing Items, Notes, and Discounts
10 min read
- 6
Cross-Sells Inside Cart Drawer
10 min read
- 1
Global Theme Settings: Colors, Typography, Spacing
12 min read
- 2
Color Schemes and Design Tokens
12 min read
- 3
Metafields and Dynamic Sources
12 min read
- 4
Metaobjects Overview: Content Modeling
10 min read
- 5
App Blocks and Theme Compatibility
10 min read
- 6
Upgrade-Safe Customization Patterns
10 min read
- 1
Performance Audit Checklist
12 min read
- 2
Accessibility Checklist
12 min read
- 3
SEO Basics in Themes
10 min read
- 4
Cross-Browser Testing and Shopify Quirks
10 min read
- 5
Versioning, Releases, and Deployment
12 min read
- 6
Automated Deployment with Buddy CI/CD
15 min read
- 7
Final Capstone: Build, Publish, and Walkthrough
20 min read
Discussion
Loading comments...