Skip to content
polar-commerce
← Słownik

Liquid — język szablonów Shopify

Język szablonów używany do tworzenia motywów Shopify.

Mateusz Śnieżek, Shopify Expert

Liquid to język szablonów (template language) stworzony przez Shopify i używany do budowania motywów sklepów. Jest mostem między danymi sklepu (produkty, kolekcje, klienci) a HTML wyświetlanym w przeglądarce.

Składnia Liquid

Liquid używa trzech typów znaczników:

Obiekty (Output)

{{ product.title }}
{{ product.price | money }}

Wyświetlają dane — otoczone podwójnymi nawiasami klamrowymi.

Tagi (Logic)

{% if product.available %}
  Dostępny
{% endif %}

Logika i pętle — otoczone klamrami z procentem.

Filtry

{{ product.price | money_with_currency }}
{{ 'hello' | upcase }}

Transformują dane — łączone znakiem pipe (|).

Liquid w praktyce Shopify

Liquid jest używany w:

  • Motywach (motywy Shopify) — layout, sekcje, snippety
  • Email notifications — szablony transakcyjnych emaili
  • Shopify Flow — dynamiczne treści w automatyzacjach

    • Struktura plików motywu

    layout/       — theme.liquid (główny layout)
templates/    — product.liquid, collection.liquid
sections/     — header.liquid, footer.liquid
snippets/     — reużywalne fragmenty
assets/       — CSS, JS, obrazy
config/       — settings_schema.json

    Alternatywy

    Dla zaawansowanych projektów rozważ Headless Commerce z Shopify Hydrogen — zamiast Liquid używasz React i Storefront API.

    Nauka Liquid

    Shopify oferuje obszerną dokumentację na dev.shopify.com. Nasza agencja buduje niestandardowe motywy Liquid dla polskich marek.