Product

Данные о товаре

product.available

Если ли товар в наличии.
Liquid
        
          

{% if product.available %}
  Товар в наличии
  {% else %}
  Товара нет в наличии
{% endif %}

product.collections

Список категорий, в которых выставлен товар.
Liquid
        
          

{% for collection in product.collections %}
  {{ collection.title }}
{% endfor %}

product.description

Описание товара.
Liquid
        
          

На странице товара:
{{ product.description }}

 

Внутри массива товаров:
{% for product in collection.products %}
  {{ product.description }}
{% endfor %}

product.first_image

Первое (основное) изображение товара. (small_url, thumb_url, compact_url, medium_url, large_url, original_url)
Liquid
        
          

Ссылка на первое изображение товара:
{{ product.first_image.medium_url }}

Имя первого изображения товара:
{{ product.first_image.title }}

Имя файла первого изображения товара:
{{ product.first_image.file_name}}

Возможные размеры:

48x48 small_url

100x100 thumb_url

160x160 compact_url

240x240 medium_url

480x480 large_url

original image original_url

 

product.handle

Пермалинк товара (название товара в URL)
Liquid
        
          

Ссылка на товар - demo.myinsales.ru/product/my_product
{{ product.handle }}
>> my_product

product.id

Идентификатор товара (уникальный числовой номер).
Liquid
        
          

<form action="{{ cart_url }}" method="post" data-product-id="{{ product.id }}">
  {% if product.show_variants? %}
    <select name="variant_id" data-product-variants>
      {% for variant in product.variants %}
        <option value="{{ variant.id }}">{{ variant.title | escape }}</option>
      {% endfor %}
    </select>
  {% else %}
    <input type="hidden" name="variant_id" value="{{product.variants.first.id}}" >
  {% endif %}
  <input type="text" name="comment" value="">
  <div data-quantity>
    <input type="text" name="quantity" value="1" />
    <span data-quantity-change="-1">-</span>
    <span data-quantity-change="1">+</span>
  </div>
  <button type="submit" data-item-add>
    Добавить в корзину
  </button>
</form>

product.images

Массив изображений товара

Возможные размеры:

48x48 small_url

100x100 thumb_url

160x160 compact_url

240x240 medium_url

480x480 large_url

original image original_url
Liquid
        
          

<div class="images">
{% for image in product.images %}
  <div class="images-item">
    <img src="{{ image.large_url }}" alt="{{ image.title }} " />
  </div>
{% endfor %}
</div>

product.meta_description

meta description страницы товара

Liquid
        
          

<meta name="description" content="{{ product.meta_description }}">

На всём сайте следует пользваться следующим примером:
<meta name="description" content="{{ description }}">

product.meta_keywords

meta keywords страницы товара

Liquid
        
          

{% if product.meta_keywords %}
  Meta keywords страницы товара: {{ product.meta_keywords }}
{% endif %}

product.old_price

Старая цена товара (цена до скидки).

Liquid
        
          

{% if product.old_price %}
  Старая цена: {{ product.old_price | money }}
{% endif %}

product.old_price_max

Максимальная старая цена товара (если несколько модификаций).

Liquid
        
          

{% if product.old_price_varies? %}
  {{ product.old_price_min }} - {{ product.old_price_max }}
  {% else %}
  {{ product.old_price }}
{% endif %}

product.old_price_min

Минимальная старая цена товара (если несколько модификаций).

Liquid
        
          

{% if product.old_price_varies? %}
  {{ product.old_price_min }} - {{ product.old_price_max }}
  {% else %}
  {{ product.old_price }}
{% endif %}

product.old_price_varies?

Отличаются ли старые цены на модификации у товара (если несколько модификаций).

Liquid
        
          

{% if product.old_price_varies? %}
  {{ product.old_price_min }} - {{ product.old_price_max }}
  {% else %}
  {{ product.old_price }}
{% endif %}

product.options

Свойства товара. Например, вывод всех свойств товара вместе с их значениями

Liquid
        
          

{% for option in product.options %}
  {{ option.title }} : {% for value in option.values %}{{ value.title }}{% unless forloop.last %},{% endunless %}{% endfor %}
{% endfor %}

product.price

Цена товара (минимальная цена, если несколько модификаций).

Liquid
        
          {{ product.price | money }}
        
      

product.price_max

Максимальная цена товара (если несколько модификаций).

Liquid
        
          

{% if product.price_varies? %}
  от {{ product.price_min | money }} до {{ product.price_max | money }}
{% endif %}

product.price_min

Минимальная цена товара (если несколько модификаций).

Liquid
        
          

{% if product.price_varies? %}
  от {{ product.price_min | money }} до {{ product.price_max | money }}
{% endif %}

product.price_varies?

Отличаются ли цены на модификации у товара (если несколько модификаций).

Liquid
        
          

{% if product.price_varies? %}
  от {{ product.price_min | money }} до {{ product.price_max | money }}
{% endif %}

product.properties

Параметры товара.

Liquid
        
          

{% for property in product.properties %}
  {{property.name}}: {% for item in property.characteristics %}{{item.name}},{% endfor %}
{% endfor %}

Так же можно обращаться к параметру напрямую, зная его пермалинк (handle):

{{ product.properties.handle.characteristics.first.name }}

product.rating

Рейтинг товара, основанный на отзывах.

Liquid
        
          

{% if product.rating %}
  Рейтинг товара: {{ product.rating }} 
{% endif %}

product.related_products

Сопутствующие товары.

Liquid
        
          

{% if product.related_products.size > 0 %}
  <div class="related_products">
    <div class="related_products-title">
      Сопутствующие товары
    </div>
    <div class="related_products-slider">
      {% for product in product.related_products %}
        <div class="product_preview">
          <div class="product_preview-img">
            <a href="{{ product.url }}">
              <img src="{{ product.first_image.large_url }}" alt="{{ product.title }}" />
            </a>
          </div>
          <div class="product_preview-price">
            {{ product.price | money }}
          </div>
          <div class="product_preview-title">
            <a href="{{ product.url }}">
              {{ product.title }}
            </a>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
{% endif %}

product.reviews

Массив отзывов на товар 

Liquid
        
          

{% if account.reviews_enabled? %}
  {% if product.reviews == empty %}
    <div class="notice notice--info">
      Пока нет отзывов
    </div>
  {% else %}
  <ul class="reviews-list">
    {% for review in product.reviews %}
    <li class="review">
      <div class="review-details">
        <span class="review-name">{{ review.author }}</span> {{ review.created_at | date: "%d.%m.%Y %H:%M" }}
      </div>
      
      <div class="review-content">
        {{ review.content | newline_to_br }}
      </div>
      
      {% if review.rating %}
      <div class="review-rating rating">
        Оценка: {{ review.rating }}
      </div>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
  {% endif %}
{% endif %}

product.reviews_count

Количество отзывов на товар.

Liquid
        
          

{% if product.reviews_count > 0 %}
<ul class="reviews-list">
    {% for review in product.reviews %}
    <li class="review">
      <div class="review-details">
        <span class="review-name">{{ review.author }}</span> {{ review.created_at | date: "%d.%m.%Y %H:%M" }}
      </div>
      
      <div class="review-content">
        {{ review.content | newline_to_br }}
      </div>
      
      {% if review.rating %}
      <div class="review-rating rating">
        Оценка: {{ review.rating }}
      </div>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
{% endif %}

product.short_description

Краткое описание товара.

Liquid
        
          

{% if product.short_description %}
  <div class="product-short_description">
    {{ product.short_description }}
  </div>
{% endif %}

product.show_variants?

Есть ли модификации для отображения (true, если больше одной, либо если одна и она не является дефолтной базовой модификацией).

Liquid
        
          

{% if product.show_variants? %}
  <div class="product-variants">
    <select name="variant_id" id="variant-select">
      {% for variant in product.variants %}
        <option value="{{ variant.id }}">{{ variant.title | escape }}</option>
      {% endfor %}
    </select>
  </div>
{% else %}
  <input type="hidden" name="variant_id" value="{{ product.variants.first.id }}" />
{% endif %}

product.similar_products

Аналогичные товары.

Liquid
        
          

{% if product.similar_products.size > 0 %}
  <div class="similar_products">
    <div class="similar_products-title">
      Аналогичные товары
    </div>
    <div class="similar_products-slider">
      {% for product in product.similar_products %}
        <div class="product_preview">
          <div class="product_preview-img">
            <a href="{{ product.url }}">
              <img src="{{ product.first_image.large_url }}" alt="{{ product.title }}" />
            </a>
          </div>
          <div class="product_preview-price">
            {{ product.price | money }}
          </div>
          <div class="product_preview-title">
            <a href="{{ product.url }}">
              {{ product.title }}
            </a>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
{% endif %}

product.title

Название товара.

Liquid
        
          

<div class="product">
  <div class="product-title">
    {{ product.title }}
  </div>
  {% if product.description %}
  <div class="product-description">
    {{ product.description }}
  </div>
  {% endif %}
</div>

product | json

JSON-объект товара.

js
        
          

// результат функции console.log({{product | json}}), использовать можно только в ликвид файле, а именно шаблоне product.liquid

{
 'id': 60749685,
 'url': '/collection/napitki/product/mokkachino',
 'title': 'Моккачино',
 'short_description': 'Мокаччи́но — кофейный напиток, созданный в Америке и являющийся разновидностью латте с добавлением шоколада.',
 'available': true,
 'unit': 'pce',
 'permalink': 'mokkachino',
 'images': [ {
   'created_at': '2016-06-16T14:06:21+03:00',
   'id': 82136971,
   'image_processing': false,
   'position': 1,
   'product_id': 60749685,
   'title': null,
   'url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/thumb_Mokkachino.jpg',
   'original_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/Mokkachino.jpg',
   'medium_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/medium_Mokkachino.jpg',
   'small_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/micro_Mokkachino.jpg',
   'thumb_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/thumb_Mokkachino.jpg',
   'compact_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/compact_Mokkachino.jpg',
   'large_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/large_Mokkachino.jpg',
   'filename': 'Mokkachino.jpg'
  } ],
 'first_image': {
  'created_at': '2016-06-16T14:06:21+03:00',
  'id': 82136971,
  'image_processing': false,
  'position': 1,
  'product_id': 60749685,
  'title': null,
  'url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/thumb_Mokkachino.jpg',
  'original_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/Mokkachino.jpg',
  'medium_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/medium_Mokkachino.jpg',
  'small_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/micro_Mokkachino.jpg',
  'thumb_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/thumb_Mokkachino.jpg',
  'compact_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/compact_Mokkachino.jpg',
  'large_url': 'https://static-eu.insales.ru/images/products/1/3979/82136971/large_Mokkachino.jpg',
  'filename': 'Mokkachino.jpg'
 },
 'category_id': 4911689,
 'canonical_url_collection_id': 5681718,
 'price_kinds': [ ],
 'option_names': [ {
   'id': 612392,
   'position': 1,
   'title': 'Размер'
  } ],
 'properties': [ {
   'backoffice': false,
   'id': 2018587,
   'is_hidden': false,
   'is_navigational': true,
   'position': 2,
   'permalink': 'ingredient',
   'title': 'Ингредиент'
  } ],
 'characteristics': [ {
   'id': 19611934,
   'property_id': 2018587,
   'position': 1,
   'title': 'шоколад',
   'permalink': 'shokolad'
  } ],
 'variants': [ {
   'id': 95292397,
   'available': true,
   'product_id': 60749685,
   'title': 'Стандарт',
   'base_price': '120.0',
   'prices': [   ],
   'price': '120.0',
   'old_price': null,
   'sku': null,
   'barcode': null,
   'option_values': [   {
     'id': 5954429,
     'option_name_id': 612392,
     'position': 8,
     'title': 'Стандарт'
    }   ],
   'quantity': null,
   'weight': null,
   'created_at': '2016-06-16T14:06:10+03:00',
   'updated_at': '2016-06-16T14:08:29+03:00'
  }, {
   'id': 95292614,
   'available': true,
   'product_id': 60749685,
   'title': 'Большой',
   'base_price': '150.0',
   'prices': [   ],
   'price': '150.0',
   'old_price': null,
   'sku': null,
   'barcode': null,
   'option_values': [   {
     'id': 5954430,
     'option_name_id': 612392,
     'position': 9,
     'title': 'Большой'
    }   ],
   'quantity': null,
   'weight': null,
   'created_at': '2016-06-16T14:08:40+03:00',
   'updated_at': '2016-06-16T14:08:44+03:00'
  } ]
}

product.unit

Единица измерения товара. Доступные значения: "шт", "кг", "л; дм3", "м", "м2", "г", "т"

Liquid
        
          

{{ product.unit }}
>> шт

product.url

URL продукта

Liquid
        
          

{% for product in collection.products %}
  <a href="{{ product.url }}">{{ product.title }}</a>
{% endfor %}

product.variants

Модификации товара.

Liquid
        
          

{% if product.show_variants? %}
  <div class="product-variants">
    <select name="variant_id" id="variant-select">
      {% for variant in product.variants %}
        <option value="{{ variant.id }}">{{ variant.title | escape }}</option>
      {% endfor %}
    </select>
  </div>
{% else %}
  <input type="hidden" name="variant_id" value="{{ product.variants.first.id }}" />
{% endif %}

product.fields

возвращает дополнительные поля товара в формате пермалинк:значение. Например, есть поле "Название книги", с пермалинком - "book" и со значением для конкретного товара "Как увеличить продажи в интернете"

Liquid
        
          

{{ product.fields.book.value }},{{ product.fields.book.title }}

>> "Как увеличить продажи в интернете","Название книги"

product.is_bundle

Является ли товар комплектом?
Liquid
        
          

{% if product.is_bundle %}
  <div class="bundle">
    <div class="bundle-title">
      Состав комплекта:
    </div>
    <div class="bundle-list">
      {% for bundle_component in product.bundle_components %}
      <div class="bundle-item">
        <div class="bundle-img">
          <img src="{{ bundle_component.product.first_image.medium_url }}" />
        </div>
        <div class="bundle-name">
          {{ bundle_component.product.title }}
        </div>
        <div class="bundle-price">
          {% if bundle_component.is_free %}
            В подарок
            {% else %}
            {{ bundle_component.quantity }} × {{ bundle_component.product.sale_price | money }}
          {% endif %}
        </div>
      </div>
      {% endfor %}
    </div>
    {% if product.bundle_discount < 0 %}
    <div class="bundle-discount">
        Экономия: {{ product.bundle_discount | money }}
    </div>
    {% endif %}
  </div>
{% endif %}

product.bundle_components

Массив товаров входящих в комплект.
Liquid
        
          

{% if product.is_bundle %}
  <div class="bundle">
    <div class="bundle-title">
      Состав комплекта:
    </div>
    <div class="bundle-list">
      {% for bundle_component in product.bundle_components %}
      <div class="bundle-item">
        <div class="bundle-img">
          <img src="{{ bundle_component.product.first_image.medium_url }}" />
        </div>
        <div class="bundle-name">
          {{ bundle_component.product.title }}
        </div>
        <div class="bundle-price">
          {% if bundle_component.is_free %}
            В подарок
            {% else %}
            {{ bundle_component.quantity }} × {{ bundle_component.product.sale_price | money }}
          {% endif %}
        </div>
      </div>
      {% endfor %}
    </div>
    {% if product.bundle_discount < 0 %}
    <div class="bundle-discount">
        Экономия: {{ product.bundle_discount | money }}
    </div>
    {% endif %}
  </div>
{% endif %}

product.bundle_discount

Разница между ценой за комплект и суммой всех товаров комплекта.
Например если комплект стоит 500 р., а сумма всех товаров комплетка 1200 р., product.bundle_discount => 700 р..
Если комплект стоит 5000 р., а сумма всех товаров комплетка 2000 р., product.bundle_discount => -3000 р..
Liquid
        
          

{% if product.is_bundle %}
  <div class="bundle">
    {% if product.bundle_discount < 0 %}
    <div class="bundle-discount">
      Экономия при покупке комплекта: {{ product.bundle_discount | money }}
    </div>
    {% endif %}
  </div>
{% endif %}

product.canonical_collection

Каноническая категория товара
Liquid
        
          

<a href="{{ product.canonical_collection.url }}">
  {{ product.canonical_collection.title }}
</a>

product.base_price

Значение типа базовой(первой) типа цены. Актуально если используются дополнительные(priceN) типы цен в разделе Настройки - Типы цен

Значение типа базовой(первой) типа цены. Актуально если используются дополнительные(priceN) типы цен в разделе Настройки - Типы цен

product.related_articles

Список статей, к которым привязан товар

product.variants.size

Количество модификаций
Liquid
        
          

Кол-во модификаций: {{ product.variants.size }} 

product.dimensions

Габариты
Liquid
        
          

{{product.dimensions.width}}x{{product.dimensions.depth}}x{{product.dimensions.height}}

product.updated_at

Дата обновления товара
Liquid
        
          

{{ product.updated_at | date: '%d.%m.%y' }}

Полезные видео