Shopify Liquid – это универсальный язык шаблонов, который позволяет разработчикам настраивать темы Shopify и создавать динамичные интернет-магазины. Одной из наиболее важных особенностей Liquid является возможность использовать операторы if-else для управления потоком выполнения кода. В этой статье мы рассмотрим различные методы использования возможностей операторов if-else в Shopify Liquid, а также приведем практические примеры кода.

Метод 1: базовый оператор if-else
Базовая структура оператора if-else в Shopify Liquid следующая:

{% if condition %}
// Code to execute if the condition is true
{% else %}
// Code to execute if the condition is false
{% endif %}

Предположим, вы хотите отображать баннер со скидкой, если товар продается со скидкой:

{% if product.price < product.compare_at_price %}
  <div class="discount-banner">On Sale!</div>
{% else %}
  <div class="regular-price">Regular Price</div>
{% endif %}

Метод 2: несколько условий с помощью Elsif
Вы можете использовать ключевое слово elsif, чтобы добавить дополнительные условия в оператор if-else. Это полезно, когда вам нужно обработать несколько сценариев:

{% if condition1 %}
// Code to execute if condition1 is true
{% elsif condition2 %}
// Code to execute if condition2 is true
{% else %}
// Code to execute if all conditions are false
{% endif %}

Вот пример, в котором мы отображаем разные сообщения в зависимости от состояния запасов продукта:

{% if product.inventory_quantity > 0 %}
  <div class="in-stock">In Stock</div>
{% elsif product.inventory_management == 'shopify' %}
  <div class="coming-soon">Coming Soon</div>
{% else %}
  <div class="out-of-stock">Out of Stock</div>
{% endif %}

Метод 3: сравнение строк
Liquid позволяет сравнивать строки, используя containsи starts_with

{% if product.title contains 'shoes' %}
  <div class="shoes">Shoes Collection</div>
{% else %}
  <div class="other">Other Collection</div>
{% endif %}

Метод 4: вложенные операторы if-else
Вы можете вкладывать операторы if-else друг в друга для обработки сложных сценариев. Вот пример, в котором мы проверяем доступность продукта и показываем разные сообщения в зависимости от местоположения клиента:

{% if product.inventory_quantity > 0 %}
  {% if customer.country == 'US' %}
    <div class="us-stock">In Stock (US)</div>
  {% else %}
    <div class="international-stock">In Stock (International)</div>
  {% endif %}
{% else %}
  <div class="out-of-stock">Out of Stock</div>
{% endif %}

Shopify Liquid предоставляет надежный набор операторов if-else, которые позволяют создавать динамичные и персонализированные условия покупок для ваших клиентов. Освоив различные методы, обсуждаемые в этой статье, вы сможете раскрыть весь потенциал Liquid и поднять настройку темы Shopify на новый уровень.

Не забывайте экспериментировать и комбинировать различные условия для достижения желаемых результатов. Приятного кодирования!