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

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

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

        
          
Ссылка на первое изображение товара:
{{ 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
 
        
      

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

        
          
<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>
        
      

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

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

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

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

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

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

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

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

        
          {{ product.price | money }}
        
      

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

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

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

        
          
{% for property in product.properties %} 
  {{property.name}}: {% for item in property.characteristics %}{{item.name}},{% endfor %} 
{% endfor %}
Так же можно обращаться к параметру напрямую, зная его пермалинк (handle):
{{ product.properties.handle.characteristics.first.name }}
        
      

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

        
          
{% 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 %}
        
      

        
          
{% 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 %}
        
      

        
          
{% 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 %}
        
      

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

        
          
{% 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 %}
        
      

        
          
{% 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 %}
        
      

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

        
          
// результат функции 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 }}
>> шт
        
      

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

        
          
{% 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.value }},{{ product.fields.book.title }}
>> "Как увеличить продажи в интернете","Название книги"
        
      

        
          
{% 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 %}
        
      

        
          
{% 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 %}
        
      

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

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

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

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

        
          
Можно купить в комплекте:
{% for related_bundle in product.related_bundles %}
<div class="bundle">
  <a href="{{ related_bundle.url }}" class="bundle-title">
    Комплект: {{ related_bundle.title }}
  </a>
  <div class="bundle-list">
    Состав комплекта: 
    {% for bundle_component in related_bundle.bundle_components %}
      <div>
        {{ bundle_component.product.title }}
      </div>
    {% endfor %}
  </div>
</div>
{% endfor %}
        
      

        
          
{% if account.order_line_comments_enabled %}
<input type="text" name="comment" value="">
{% endif %}
        
      

        
          
{% for video in product.video_links %}
{{ video.url }}
{% endfor %}