Liquid

Материал из CartEnergy
Перейти к: навигация, поиск

Содержание

Использование языка разметки liquid

Для создания тем оформления (дизайнов) на платформе CartEnergy используется язык шаблонов Liquid. Это простой в освоении и достаточно мощный язык который может использоваться для создания очень сложных вариантов оформления.

Более подробная информация:


Основы

В языке Liquid есть два основных вида конструкций: Вывод данных (Output) и Теги (Tag).

  • Вывод данных заключается в

     {{ двойные фигурные скобки }} 
  • Теги заключаются в

     {% фигурные скобки с процентом %} 

Блоки вывода данных заменяются данными, на которые они ссылаются. Если в шаблон передаётся информация о товаре через переменную product, то Вы можете вывести название продукта используя следующий код:

{{ product.view.title }}

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


Вывод данных

Пример вывода данных:

Привет {{ name }}          
Привет {{ customer.name }}
Привет {{ 'Александр' }}


Фильтры

Для преобразования выходных данных используются фильтры. Фильтр имеет следующий синтаксис: данные | имя_фильтра [:необязательные параметры фильтра]. В качестве данных могут использоваться константы, переменные и результаты выполнения других фильтров. В последнем случае организуется цепочка фильтров.

Привет, {{ name | upcase }}!
В слове 'магазин' {{ 'магазин' | length }} букв
Цена товара {{ product.price_min.current | money }} 
Сегодня {{ 'now' | date: "%Y %b %d" }}
Описание товара без html тегов и длинной до 20 символов: {{ product.view.description | strip_html | truncate: 20 }}

Результатом выполнения кода будет:

Привет, Александр!
В слове 'магазин' 7 букв
Цена товара $10 
Сегодня 2012 Янв 01 {{ 'now' | date: "%Y %b %d" }}
Описание товара без html тегов и длинной до 20 символов: apple iphone 4s white 32gb

Список доступных фильтров Вы можете посмотреть здесь.

Тэги

Теги используются для добавления различной логики или комментариев в шаблоны.

Список доступных тэгов Вы можете посмотреть здесь.