---
title: Shopify Liquid — podstawy dla marketerów
description: Podstawy języka Liquid na Shopify dla marketerów i managerów e-commerce. Personalizacja motywu bez dewelopera.
canonical_url: "https://www.polar-commerce.com/wiedza/shopify-liquid-podstawy"
locale: pl
category: guides
date_modified: 2026-05-05
source: "https://www.polar-commerce.com/wiedza/shopify-liquid-podstawy.md"
publisher: Polar Commerce
publisher_url: "https://www.polar-commerce.com"
---

# Shopify Liquid — podstawy dla marketerów

> Podstawy języka Liquid na Shopify dla marketerów i managerów e-commerce. Personalizacja motywu bez dewelopera.

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** — dane ze sklepu (produkt, kolekcja, klient)
- **Tagi** — logika (warunki, pętle)
- **Filtry** — transformacja danych (formatowanie, obliczenia)

## Obiekty — dostęp do danych

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

Przykłady:
- `{{ product.title }}` — nazwa produktu
- `{{ product.price | money }}` — cena produktu
- `{{ shop.name }}` — nazwa sklepu
- `{{ customer.first_name }}` — imię klienta

## Tagi — logika

### Warunki (if/else)
```liquid
{% if product.available %}
  <button>Dodaj do koszyka</button>
{% else %}
  <button disabled>Wyprzedane</button>
{% endif %}
```

### Pętle (for)
```liquid
{% for product in collection.products %}
  <h3>{{ product.title }}</h3>
  <p>{{ product.price | money }}</p>
{% endfor %}
```

### Przypisanie zmiennych
```liquid
{% 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:
- `| money` — formatuje cenę (np. "49,99 zł")
- `| date: "%d.%m.%Y"` — formatuje datę
- `| upcase` — zamienia na wielkie litery
- `| truncate: 100` — skraca tekst do 100 znaków
- `| img_url: '400x'` — generuje URL obrazka w rozmiarze 400px
- `| split: ',' ` — dzieli string na tablicę
- `| size` — liczba elementów w tablicy

Więcej o filtrach w naszym [poradniku Rich Text Liquid](/wiedza/shopify-rich-text-liquid-filter).

## Praktyczne zastosowania dla marketerów

### 1. Personalizacja powitania
```liquid
{% if customer %}
  Cześć, {{ customer.first_name }}! Witaj ponownie.
{% else %}
  Witamy w naszym sklepie!
{% endif %}
```

### 2. Baner promocyjny z datą końcową
```liquid
{% 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
```liquid
{% 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
```liquid
{% 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:
- **Templates** (.json) — struktura stron
- **Sections** (.liquid) — komponenty stron
- **Snippets** (.liquid) — fragmenty wielokrotnego użytku
- **Layout** (.liquid) — główny layout strony

## Najczęstsze błędy

- Brak zamknięcia tagów (`{% endif %}`, `{% endfor %}`)
- Literówki w nazwach obiektów
- Próba edycji checkout (wymaga [Shopify Plus](/wiedza/shopify-plus-czy-warto))
- Brak backupu przed edycją (zawsze duplikuj motyw!)

## 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](/uslugi/wdrozenia-shopify) pomoże.