Основы liquid

Синтаксис

Теги

Теги управляют логикой шаблонов. При их помощи вы можете организовывать циклы и логику ветвления.

В liquid для тегов существует два типа разделителей:

  1. {{ code }}
  2. {% code %}
Liquid
        
          

Привет, {{ 'Вася' }}!
>> Привет, Вася!


{{ account.title }}
>> Название интернет-магазина из настроек аккаунта.


{% for product in collections.all.products %}
  <p>{{ product.title }}</p>
{% endfor %}
>> <p>Имя товара 1</p>
>> <p>Имя товара 2</p>
>> <p>Имя товара 3</p>


{% assign is_visible = false %}
{% if is_visible %}
  Показать
  {% else %}
  Скрыть
{% endif %}
>> Скрыть


{% for i in (1..4) %}
  {% cycle 'odd', 'even' %} /
{% endfor %}
>> odd / even / odd / even /


{% include 'footer' %}
>> Содержимое сниппета «footer»

Фильтры

Фильтры

Для преобразования выходных данных можно использовать фильтры. Фильтры это обычные функции.

Первый аргумент пишется слева от имени фильтра и отделяется от него символом "|" (труба).

Результатом работы фильтра является преобразованный элемент, который подставляется в это место текста.

Исходные данные, например значения переменных, которые являлись аргументом фильтра, сохраняют своё прежнее значение.

See the Pen Liquid filters on CodePen.

Операторы Liquid

Операторы сравнения

В Liquid есть доступ ко всем логическим операторам и операторам сравнения.
Оператор Назначение
== равно
!= не равно
> больше
< меньше
>= больше или равно
<= меньше или равно
or Логическое ИЛИ
and Логическое И