shopify-liquid-syntax

Liquid is Shopify's templating language that renders dynamic content in .liquid files. Use output tags `{{ }}` to display variables, control flow tags for conditionals and loops, and filters to format data like prices and strings. Apply it to product, collection, and cart templates to build responsive theme content.

Shopify Liquid provides built-in objects (product, collection, cart, customer) and filters for formatting. Use money filters for currency display, string filters for text manipulation, and array filters for collections. Access product properties directly via the product object to display prices, inventory, and variant data.

Liquid control flow uses if/unless/case tags for conditionals and for loops for iteration. Wrap logic in `{% if condition %} ... {% endif %}` blocks and loop through arrays with `{% for item in collection %} ... {% endfor %}`. Combine with filters and output tags to build dynamic product cards and collection listings.

Yes, Liquid syntax applies across all Shopify theme components: templates, sections, and snippets. Sections and snippets reuse the same tags, filters, and objects as full templates, allowing you to modularize theme logic and render dynamic content blocks consistently throughout your store.

Liquid whitespace handling can create unexpected output or blank lines in rendered HTML. Use whitespace control tags `{{- -}}` and `{%- -%}` to strip spaces. Debug by inspecting raw template output and verifying filter chaining syntax and object property access match Shopify's documented API.

Liquid's money filter formats prices with proper currency symbols and decimals: `{{ product.price | money }}`. Combine with conditional logic to display sale prices, apply discounts, or show inventory-based messaging. Use this pattern consistently across product cards, carts, and checkout layouts for uniform formatting.