Shopify Liquid — podstawy dla marketerów

Liquid to język szablonów Shopify. Nie musisz być programistą, żeby zrozumieć jego podstawy. Znajomość Liquid pozwala marketerom personalizować sklep bez pomocy dewelopera.

Czym jest Liquid?

Liquid to język szablonów stworzony przez Shopify. Działa między HTML a danymi sklepu. Trzy główne elementy:

Obiekty — dostęp do danych

Obiekty wyświetlają dane ze sklepu. Składnia: `{{ obiekt.właściwość }}`

Przykłady:

Tagi — logika

Warunki (if/else)

{% if product.available %}
  <button>Dodaj do koszyka</button>
{% else %}
  <button disabled>Wyprzedane</button>
{% endif %}

Pętle (for)

{% for product in collection.products %}
  <h3>{{ product.title }}</h3>
  <p>{{ product.price | money }}</p>
{% endfor %}

Przypisanie zmiennych

{% assign discount_price = product.price | times: 0.9 %}
Cena z rabatem: {{ discount_price | money }}

Filtry — transformacja danych

Filtry modyfikują wyświetlane dane. Składnia: `{{ wartość | filtr }}`

Popularne filtry:

Więcej o filtrach w naszym poradniku Rich Text Liquid.

Praktyczne zastosowania dla marketerów

1. Personalizacja powitania

{% if customer %}
  Cześć, {{ customer.first_name }}! Witaj ponownie.
{% else %}
  Witamy w naszym sklepie!
{% endif %}

2. Baner promocyjny z datą końcową

{% assign end_date = "2026-04-30" | date: "%s" %}
{% assign now = "now" | date: "%s" %}
{% if now < end_date %}
  <div class="banner">Promocja trwa do 30.04!</div>
{% endif %}

3. Etykiety na produktach

{% if product.tags contains 'nowość' %}
  <span class="badge">Nowość</span>
{% endif %}
{% if product.compare_at_price > product.price %}
  <span class="badge sale">Promocja</span>
{% endif %}

4. Dynamiczna darmowa wysyłka

{% assign free_shipping_threshold = 20000 %}
{% assign remaining = free_shipping_threshold | minus: cart.total_price %}
{% if remaining > 0 %}
  Dodaj produkty za {{ remaining | money }} do darmowej wysyłki!
{% else %}
  Darmowa wysyłka!
{% endif %}

Gdzie edytować Liquid?

W Shopify Admin → Online Store → Themes → Edit code:

Najczęstsze błędy

Podsumowanie

Liquid to potężne narzędzie do personalizacji Shopify. Nawet podstawowa znajomość pozwala marketerom samodzielnie dodawać banery, etykiety i personalizacje bez czekania na dewelopera. Potrzebujesz głębszych customizacji? Nasza agencja pomoże.