shopify-theme-development
Shopify Theme Development
Overview
Build and customize Shopify themes using Liquid templating, JSON templates, sections and blocks for merchant-customizable layouts, and theme app extensions for app integrations. This skill covers the Shopify theme architecture (Online Store 2.0), the Shopify CLI development workflow, performance optimization with lazy loading and critical CSS, and patterns for building flexible sections that merchants can configure through the theme editor.
When to Use This Skill
- When building a new Shopify theme from scratch or forking Dawn
- When creating custom sections and blocks for the theme editor
- When implementing product pages, collection grids, or cart functionality in Liquid
- When optimizing a Shopify theme for Core Web Vitals and speed
- When building theme app extensions to inject app content into themes
Core Instructions
- Set up the development environment with Shopify CLI
More from finsilabs/awesome-ecommerce-skills
product-comparison
Let shoppers select multiple products and compare them side-by-side in a table with highlighted differences to help them make the right buying decision
114international-shipping
Handle cross-border orders with customs form generation, duties and taxes estimation, HS code assignment, and restricted items blocking
101tiktok-shop-integration
Sync your product catalog to TikTok Shop, manage orders and inventory, and enable shoppable content with live shopping and affiliate creator programs
97sales-reporting-dashboard
Build executive dashboards showing revenue, average order value, conversion rates, and cohort analysis with drill-down by date and channel
84inventory-tracking
Track stock levels in real time across your platform with inventory reservation to prevent overselling and support for backorders
81gift-cards
Sell and accept gift cards with secure code generation, real-time balance tracking, partial redemption support, and expiration enforcement
76