Writing  ›  Topics

Shopify Liquid

Liquid is the language Shopify themes are built in, and clean Liquid is what replaces a slow app with code that loads faster. These are my Liquid references, theme development guides, section schema patterns, metaobject and metafield setups, and Shopify Functions and CLI walkthroughs, all written to be copied into a real theme and shipped.

All Apps CRO Performance Liquid SEO Agentic AI Plus

65 posts in Liquid

All writing →

  1. Shopify Redesign Cost in 2026: The Line-Item Hours, and When to Skip It

    Shopify redesign cost in 2026: line-item hours for a theme rebuild vs a custom redesign at $50 and $150 an hour, the break-even math, and when to skip it.

  2. Shopify Maintenance Retainer Cost in 2026: What $149 vs $10,000 a Month Buys

    Shopify maintenance retainer cost: published plans from $149 to $10,000 a month, the effective hourly rate of each, and how many hours your store needs.

  3. 12 Questions to Ask Before Hiring a Shopify Developer (With Answers)

    12 questions to ask before hiring a Shopify developer, with the good answer and the red flag answer for each, a paid test brief, and a printable scorecard.

  4. Shopify Sales Dropped After a Theme Change? What Broke

    Shopify sales dropped after a theme change? The theme did not convert worse. Apps got deactivated, templates fell back, layout shifted. The 48-hour diagnostic.

  5. Is Your Shopify Store Agent-Ready? The 2026 Checklist

    Is your Shopify store agent-ready? The step-by-step checklist for agentic storefronts, AI crawler access, llms.txt, structured data and WebMCP. Free PDF.

  6. Shopify Color Swatches Without an App (Copy-Paste Code)

    Add real color swatches to Shopify without an app: reuse the native swatch data, put swatches on collection cards, keep them accessible. Full copy-paste code.

  7. Shopify Size Chart Without an App (Metaobject + Modal)

    Add a reusable, accessible size chart to Shopify without an app: a metaobject stores the chart, a small modal shows it, no monthly fee. Full copy-paste code.

  8. Shopify Recently Viewed Products Without an App (Copy-Paste)

    Recently viewed products on Shopify without an app: copy-paste Liquid and vanilla JS with localStorage. No monthly fee, no blocking time, full code inside.

  9. Shopify CLI Cheat Sheet: theme dev, CI Auth, check and console

    Shopify CLI cheat sheet: theme push, pull, check, console and dev commands with the flags worth knowing, CI env vars, and a free PDF to keep by your terminal.

  10. WooCommerce to Shopify Migration: The Honest 2026 Guide

    WooCommerce to Shopify migration from an independent developer: real 2026 costs, the 301 redirect map that saves rankings, what breaks, and a free checklist.

  11. Shopify Liquid Cheat Sheet: The Filters, Tags and Objects You Actually Use

    A working Shopify Liquid cheat sheet: the filters, tags, objects, and price and image formatting you use on real themes, with copy-paste code and a free PDF.

  12. How to Refund Shipping on Shopify (Without Refunding the Whole Order)

    How to refund shipping on Shopify: the exact Orders > Refund flow, partial shipping refunds, and the store credit option that keeps cash in your business.

  13. Remove 'Shipping Calculated at Checkout' on Shopify (3 Real Fixes)

    How to remove the shipping calculated at checkout message on Shopify: edit the theme string, show real expectations, or replace it with a free shipping bar.

  14. Shopify Countdown Timer Without an App: Copy-Paste Code (2026)

    Shopify countdown timer without an app: one copy-paste OS 2.0 section with schema, CSS and vanilla JS. No monthly fee, no layout shift, plus when timers hurt.

  15. Shopify Scripts Stopped Working on June 30: The Triage Guide

    Shopify Scripts stopped working on June 30, 2026. What broke, the 5-minute check, how to rebuild now the Script Editor is gone, and the fastest stopgap.

  16. Shopify Magic in 2026: What It Does, and How to Make It Convert

    Shopify Magic is free AI on every plan for product copy, blogs, email and images. What it does in 2026, its real limits, and how to edit it so it converts.

  17. Shopify Horizon vs Dawn in 2026: Migrate or Stay?

    Shopify Horizon vs Dawn: there is no automatic migration, so moving to Horizon is a full rebuild. When switching is worth the layout-shift risk, and when not.

  18. Shopify Spring '26 Editions: 8 Changes That Move Conversion

    Shopify's Spring '26 Edition (often searched as Summer 2026) shipped 150+ updates on June 17, 2026. The 8 that move revenue, ranked by a CRO specialist.

  19. Shopify Theme Dev Command: Flags, Tokens, and Non-Interactive CI

    SHOPIFY_CLI_THEME_TOKEN is set but shopify theme dev still opens a browser login in CI. See the flag most guides skip, plus a working non-interactive example.

  20. Shopify shop.vendors Limit: There Is No 30 Cap (The Real Story)

    Every dev has heard shop.vendors caps at 30 in Shopify Liquid. The docs say otherwise, and a short vendor list has a different cause most tutorials get wrong.

  21. Shopify Theme Check Path Argument: Use --path, Not a Positional

    A path argument right after shopify theme check used to work. CLI 3.0 changed the rule, most docs skip why yours fails. Get the exact syntax and a CI example.

  22. Shopify Font Loading: Kill FOIT and FOUT Without the CLS Tax (2026)

    Fix Shopify font FOIT and FOUT with font-display, size-adjust, and ascent-override. Eliminate CLS from font swap. Works with Dawn, OS 2.0, and Google Fonts.

  23. Shopify CLS Survival Guide: 6 Layout Shift Killers in Liquid Themes (2026)

    The 6 patterns behind 90% of Shopify CLS failures, from unsized images and font swap shift to sticky headers and review widgets, with the Liquid fix for each.

  24. Sub-2s TTFB on Shopify: When Liquid Loops Cost You Real Money (2026)

    Slow Shopify TTFB is rarely Shopify's fault. 4 Liquid patterns push it past 2 seconds: nested loops, all_products, metafield N+1, deep sections. Fixes inside.

  25. Shopify Sub-1s LCP: 3 Hugo-Style Tricks Liquid Themes Can Steal (2026)

    Hit sub-1-second LCP on a Shopify theme with 3 tricks from static site generators: inline critical CSS, image_url with srcset and fetchpriority, hero preload.

  26. Microsoft Clarity AI Visibility: How to Read Citation Data for Your Shopify Store (2026)

    Install and read Microsoft Clarity AI Visibility on Shopify: the 4 panels, share of authority math, and what each citation pattern means in 2026.

  27. Shopify Robots.txt for AI Crawlers: Allow GPTBot, ClaudeBot, PerplexityBot in 2026

    9 of 38 Shopify stores I audited block at least one AI crawler at robots.txt. The search and training user-agents to allow, the Liquid override, and the curl verification.

  28. Shopify Data Quality for AI Citation: The Complete Audit (2026)

    Shopify data quality audit for AI citation: the 9 fields agents scrape via UCP, the 4 schema errors that block citation, and a GTIN audit with bulk fix.

  29. GemPages vs Shogun vs PageFly: Speed and Real Cost (2026)

    GemPages vs Shogun vs PageFly: I measured each builder's blocking time and priced the plan you actually need for 25 pages plus A/B testing. The ranking flips.

  30. How Shopify Agentic Storefronts Work: UCP Mechanics, Shop Pay, and the 3-Layer Flow (2026)

    The 3-layer mechanic behind Shopify Agentic Storefronts: UCP catalogue exposure, agent query and ranking, Shop Pay checkout. How each layer works in 2026.

  31. Shopify Agentic Storefronts Catalogue Optimisation (UK Stores, 2026)

    UK Shopify stores need GBP money filters, VAT-inclusive pricing, EAN-13 GTINs, and Royal Mail rates exposed to AI agents. 8 fixes that move UK SoA up.

  32. Hydrogen vs Liquid in 2026: When Headless Actually Wins

    Independent take from a 12-year Liquid dev. The 5% where Hydrogen earns its complexity, the 95% where it is a tax, and the CrUX numbers that prove it.

  33. Shopify image_url Filter: Sizes, Crop, Format (Complete 2026 Reference)

    Migrating img_url to image_url filter seems like find and replace, until one default breaks srcset. The parameter reference and fix, plus a free cheat sheet.

  34. Shopify Liquid Comments: 3 Syntaxes That Survive Theme Editor

    Liquid gives you three ways to comment out code, but only one survives the theme editor without leaking notes to view-source. See which syntax is safe to ship.

  35. Shopify Liquid For Loop Break and Continue: 5 Working Patterns

    Shopify Liquid break/continue look simple until nested loops hit one pattern that fails silently. All 5 working patterns, the gotcha, and the Dawn fix.

  36. Shopify Liquid Unless Tag: When to Use vs If (Examples + Gotchas)

    Shopify Liquid unless looks like if flipped, until render tag scope hides a variable and it misfires. 4 places it wins, 2 where it should not ship, the fix.

  37. Shopify Metaobjects vs Metafields: When to Use Which (2026)

    Metafields hold a value on one resource. Metaobjects hold structured records reusable across the store. 7 use cases mapped to the right tool. 2026.

  38. Shopify Section Schema Settings: Every Input Type with Working Examples

    Add a default to a section schema setting and Shopify throws FileSaveError before it saves. See every setting type and the one rule that trips people up.

  39. Shopify's Hidden 250-Variant Liquid Cap (And the Fix)

    Shopify lifted variants to 2,048 but product.variants in Liquid still caps at 250. Detect the silent cutoff and ship one of three production fixes.

  40. Free Shipping Progress Bar in Liquid (No App, Markets-Safe)

    Production-grade free shipping progress bar in Liquid. Markets-safe currency, cart event-driven, server-rendered, $0 a month vs $19 app. 90-line section.

  41. Stacking Shopify Discounts in 2026: Functions Code

    Stack BOGO, sitewide percent off, and free shipping in one Shopify cart with Discount Functions. Real code, 2026-04 API, combinesWith, 25-Function cap.

  42. Shopify INP Fix: 612ms to 178ms (Real Store Case Study)

    Real Shopify Plus INP case study: p75 INP from 612ms to 178ms in 5 days. Diagnosed long tasks, patched JavaScript, 28-day CrUX delta. Passing Core Web Vitals.

  43. Building a Tiered Bundle Discount With Shopify Functions

    A 3-tier bundle discount using Shopify Functions, end to end. The 31-line function, the combinesWith trap that kills code discounts, and the cart wiring.

  44. Shopify Additional Scripts Deprecated: The Aug 26 Fix

    Since August 26, 2026, Shopify additional scripts no longer run on Basic, Shopify, and Advanced plans. What broke and how to restore GA4 and pixels fast.

  45. Shopify .value Accessor: How Metafields Render in Liquid

    Why product.metafields.custom.x.value returns blank, what each metafield type actually returns, and the != blank guard that stops empty-table layout shifts.

  46. Shopify Liquid Operator Precedence: Why and / or Breaks Your if-Statement (2026)

    Liquid evaluates `and` and `or` right to left, not by precedence. Why your nested if returns the wrong result, and the 3-line fix for production.

  47. Shopify Product Configurator (No App): 13-Variant PDP With Full Liquid + JS Code

    Build a Shopify product configurator without a $99-$399 app. The Liquid + JS pattern from a 13-parent Factory Direct Blinds rollout. Full code, 2026.

  48. 5 Real Shopify Scripts I Migrated to Functions (Code)

    5 production Shopify Scripts to Functions migrations, Ruby in, JavaScript out: tiered shipping, free gifts, B2B tags, BXGY, payment hiding. All code included.

  49. Shopify Scripts Ended June 30 2026: Migrate to Functions

    Shopify Scripts shut off June 30 2026 after the April 15 edit freeze. Map line item, payment, and delivery Scripts to Functions with this migration map.

  50. Liquid Render Tag Syntax: with, for, Named Params (2026)

    A variable passed into a Liquid snippet via render should just work, until scope isolation drops it silently. One rule fixes it, plus a free Liquid cheat sheet.

  51. Script Tags in Shopify Custom Liquid Sections: 4 Working Patterns

    Custom Liquid sections look like they block script tags, until the editor proves otherwise. See which patterns survive a reload, plus a free Liquid cheat sheet.

  52. Shopify Agentic Storefronts: What the May 30 UCP Cutover Changed

    Shopify moved Storefront Catalog to UCP on May 30, 2026 and kept the old MCP tools only until June 15. See what changed and how to stay visible in ChatGPT.

  53. Lighthouse vs CrUX: Why Shopify Scores 23 But Passes CWV

    Lighthouse vs CrUX on Shopify: a real Plus store scored 23 on mobile while passing every Core Web Vital in CrUX. Why the gap exists and when to worry.

  54. Shopify Core Web Vitals 2026: Fix LCP, INP, CLS in a Week

    22.0s to 2.7s LCP, mobile PageSpeed 38 to 81. The exact Liquid code, image fixes, and INP cuts that did it on one Shopify client. 30-min audit, week-long fix.

  55. 10 Shopify Custom Liquid Code Examples That Replace Apps (2026)

    10 free copy-paste Shopify custom Liquid code examples with section schema JSON: testimonials, FAQ, comparison tables, sticky ATC. Replace Yotpo and Shogun.

  56. Shopify Markets Currency Not Updating? Fix Hardcoded Prices

    Shopify Markets currency not updating on product pages is usually hardcoded prices skipping the money filter. The Liquid fix that dropped CLS 0.11 to 0.00.

  57. Shopify Year-Make-Model Vehicle Fitment Selector (Without an App)

    Build a Year/Make/Model vehicle fitment selector on Shopify without an app. Auto-skip logic, dynamic metafields, full Liquid plus JS code. 2026 Dawn-compatible.

  58. Shopify Sticky Add to Cart Button: Copy-Paste Code (No App)

    Copy-paste sticky add to cart button code for Shopify: Liquid, scoped CSS, IntersectionObserver JS, zero CLS, no app. Expect an 8 to 15% mobile ATC lift.

  59. Shopify Sale Badge: Replace 'Sale' with Save 30% (Liquid)

    Replace the generic Sale badge with Save 30% on every variant. 3 lines of Liquid, works on Dawn, Impulse, Focal. No app, no JS. Drops in under 5 minutes.

  60. Shopify Article Schema in 30 Lines of Liquid

    30-line Liquid snippet that adds valid BlogPosting schema to every Shopify blog post. Restores Google rich results, no SEO app, no $30 per month fee. 2026 spec.

  61. Shopify Agentic Storefronts: Complete Setup Guide (2026)

    Enable Shopify Agentic Storefronts in 7 steps and win AI agent recommendations: setup, schema, Shop Pay, product copy, and the mistakes that block citation.

  62. Shopify GEO Guide: Rank in ChatGPT, Perplexity, Google AI

    What Shopify GEO is and how to do it. AI traffic up 8x in 2026. Get cited by ChatGPT, Perplexity, Gemini, and Google AI Overviews. 7 concrete tactics.

  63. Shopify Liquid Loop Optimization (forloop, for, limit)

    Cut Shopify Liquid render time 50 to 70 percent. forloop variables, limit, break, and the Liquid loop patterns that cut LCP from 22s to 2.7s on a real theme.

  64. Shopify Liquid Best Practices 2026: 8 Audit Fails I Find in 100+ Stores

    I audited 100+ Shopify stores and found the same 8 Liquid mistakes in 8 of 10, one silently breaks pricing. Full checklist plus copy-paste fixes for 2026.

  65. Customize Shopify Themes Without Breaking (UK + US)

    14 panicked DMs in 18 months from devs who edited theme code and broke the live site. The duplicate-first workflow that protects every Shopify customisation.

Want a custom CRO analysis for your store?

Skip the blog. I'll walk through your biggest conversion opportunities live.

Book a Call Free 30-min audit · Live store walkthrough · No pitch