Shopify Development
Deep technical guides on Shopify theme development: Liquid templating, Online Store 2.0, sections, metafields, APIs, and performance. Written by ADSPOC developers who ship production stores daily.
What Is Liquid? Shopify's Templating Language Explained
Liquid powers every Shopify theme. This deep dive covers syntax, objects, tags, filters, server-side rendering, and the constraints that shape how you build storefronts.
Shopify Theme File Structure: Every Folder Explained
A Shopify theme is a structured bundle of Liquid, JSON, CSS, and JavaScript. This guide walks through every folder and file type so you know where markup, settings, and translations live.
Online Store 2.0: Sections, Blocks, and App Blocks
Online Store 2.0 replaced rigid Liquid templates with JSON-driven section stacks, nested blocks, and app blocks. Here is how the architecture works and how to build for it.
Shopify Section Schema: Settings, Blocks, and Presets
The {% schema %} tag turns Liquid sections into merchant-configurable modules. This guide covers every major schema property, setting type, and editor behavior you need to ship production sections.
Theme Settings: settings_schema.json Deep Dive
Global theme settings live in config/settings_schema.json and settings_data.json. Learn how to define design tokens, group merchant controls, and sync defaults across environments.
Shopify Liquid Objects: Product, Collection, Cart & Shop
Master the four Liquid objects every Shopify theme developer touches daily: product, collection, cart, and shop. This guide covers properties, dot notation, nil-safe patterns, and real-world usage from ADSPOC's theme builds.
Liquid Filters and Tags: The Developer's Reference
Filters transform output; tags control logic. This reference covers the Liquid filters and tags Shopify theme developers use every day—with syntax, gotchas, and ADSPOC production patterns.
JSON Templates vs Liquid Templates in Shopify
Online Store 2.0 replaced monolithic Liquid templates with JSON templates that compose sections. Learn when to use each format, how JSON templates are structured, and how alternate templates unlock flexible merchandising.
Shopify Snippets: Reusable Liquid Code Patterns
Snippets are the composable building blocks of every ADSPOC theme. Learn render tag syntax, parameter passing, snippet architecture, and battle-tested patterns for icons, product cards, and beyond.
How to Build Custom Shopify Sections (Step-by-Step)
Custom sections are the core of Online Store 2.0. This step-by-step guide walks through building one from scratch—markup, schema, styles, JavaScript, and theme editor integration—the way ADSPOC ships production sections.
Shopify Cart API: AJAX Add-to-Cart in Themes
Shopify's Cart AJAX API lets theme developers add products without full page reloads. This guide covers /cart/add.js, /cart/change.js, cart drawer integration, and production-grade error handling.
Metafields & Metaobjects for Shopify Theme Developers
Metafields and metaobjects let theme developers expose merchant-managed structured data in Liquid and the theme editor. Learn definitions, Liquid access patterns, and dynamic sources.
Storefront API vs Admin API: Which Should Developers Use?
Shopify exposes two GraphQL APIs with different trust boundaries. Learn when to use Storefront API for buyer-facing custom UI, Admin API for backend operations, and where Online Store themes fit.
Theme App Extensions and App Blocks Explained
Theme app extensions let Shopify apps embed Liquid blocks in merchant themes without editing theme code. Learn @app blocks, deep linking, deployment, and OS 2.0 integration patterns.
Shopify Dawn Theme: A Developer's Anatomy Guide
Dawn is Shopify's reference Online Store 2.0 theme. Learn its file structure, section patterns, cart drawer implementation, predictive search, and what to copy into custom builds.
Shopify Theme Performance: Liquid & Asset Optimization
Slow themes lose revenue before checkout loads. Learn how LCP, lazy loading, asset bundling, Liquid loop discipline, and responsive image_url widths keep Shopify storefronts fast under real catalog traffic.
Shopify Checkout: Extensibility Limits for Theme Developers
Checkout is no longer theme-editable. This guide explains what storefront themes can and cannot touch, how Checkout Extensibility replaces checkout.liquid, and when Shopify Functions handle backend logic.
Localization & i18n in Shopify Themes
Ship multilingual Shopify themes using locales/*.json, translation filters, multi-currency presentation, and Markets-aware content without hardcoding copy in Liquid.
Shopify CLI Theme Development Workflow
From local preview to production push, this guide covers shopify theme dev, push, pull, Theme Check, GitHub integration, and shareable preview URLs for disciplined theme teams.
Debugging Liquid: Common Errors and How to Fix Them
Syntax errors, nil objects, loop limits, and Theme Check warnings break themes silently or loudly. Learn systematic Liquid debugging every Shopify developer needs.
Shopify Hydrogen: Introduction for Frontend Developers
Hydrogen React framework for Shopify—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Storefront API GraphQL: Complete Developer Guide
Storefront API GraphQL queries—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Admin API & Webhooks for App Developers
Admin API and webhooks—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Functions: Custom Discount Logic Explained
Shopify Functions for discounts—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Theme Check: Linting & CI for Themes
Theme Check static analysis—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Section Rendering API: Dynamic Theme Updates
Section Rendering API—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Cart Permalinks & Buy Now URLs in Shopify
Cart permalinks and direct checkout links—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Building Product Variant Pickers in Liquid & JavaScript
Variant picker implementation—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Search & Discovery: Filter Implementation
Collection filters and search—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Implementing Predictive Search in Shopify Themes
Predictive search UX—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Custom Liquid Filters: What's Possible in Themes?
Custom filters limitations—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Theme Accessibility: WCAG for Developers
Accessible theme development—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Image Optimization: image_url, srcset & LCP
Theme image performance—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Customer Account UI Extensions
New customer accounts extensions—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Flow Automation for Developers & Merchants
Shopify Flow automation—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
GitHub Integration for Shopify Theme Development
Theme version control with GitHub—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify App Proxies: Server Logic from Theme URLs
App proxy pattern—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Multilingual Shopify Themes with Translate & Adapt
Multilingual theme development—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
B2B Theme Customization: Login Gates & Price Lists
B2B storefront theme patterns—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Web Components for Storefront Embeds
Storefront web components—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Building Shopify Apps: OAuth & Session Tokens
Shopify app authentication—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Testing Shopify Themes: QA Checklist for Developers
Theme QA and testing—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Liquid Refactoring Patterns for Maintainable Themes
Clean Liquid architecture—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Oxygen & Edge Hosting for Hydrogen
Oxygen deployment for Hydrogen—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.
Shopify Theme Security Best Practices
Secure theme development—a practical guide for Indian Shopify merchants, freelancers, and developers from ADSPOC.