Страница продукта демонстрирует продукт и его варианты, а также включает изображения продукта, информацию о ценах, описание продукта и кнопки: "Купить", "В корзину", "В список желаний", "Добавить к сравнению", "Быстрый заказ", "Сообщить о поступлении". Каждый продукт, который вы указали в административном разделе JKassa, будет доступен в вашем интернет-магазине, и будет иметь свою собственную страницу на вашем веб-сайте. Существует множество способов настройки макета, стиля и поведения ваших страниц продукта.

Подсказка

Чтобы прочитать о создании продукта, нажмите здесь.
 

Ниже показаны все элементы страницы для одного продукта (карточка товара). Путь к файлу в теме: views/product/default.tpl

Объект Тип Описание
id string Уникальный идентификатор продукта.
{{ id }}
heading string Заголовок страницы. Вводится при создании пункта меню в параметрах страницы.
{{ heading }}
url string Ссылка на эту же страницу продукта.
{{ url }}
name string Наименование продукта.
{{ name }}
alias string Алиас (псевдоним) применяется для создания сокращённой URL-ссылки (SEF URL).
{{ alias }}
files array Список прикреплённых файлов к продукту в формате. В формате: name (size).
Пример: {{ files | join: '<br>' }}
Вывод: Catch-Vibes.m4a (3.25 MB)<br>Party-Sleep-Repeat.m4a (2.5 MB)
print_icon string Фрагмент HTML кода – ссылка, при нажатии на которую будет открыто всплывающее окно со страницей для печати.
Пример: {{ print_icon }}
Вывод: <a href="..." title="..." onclick="..." rel="nofollow"><span class="glyphicon glyphicon-print"></span> Печать</a>
Иконки устанавливаются в файле темы: html/icon.tpl, тег icon.print.
print_screen string Фрагмент HTML кода – ссылка, при нажатии на которую буде проводится печать на странице печати.
Пример: {{ print_screen }}
Вывод: <a href="#" onclick="window.print();return false;"><span class="glyphicon glyphicon-print"></span> Печать</a>
Иконки устанавливаются в файле темы: html/icon.tpl, тег icon.print_screen.
email_icon string Фрагмент HTML кода – ссылка, при нажатии на которую будет открыто всплывающее окно с формой для отправки ссылки на страницу продукта на указанный email.
Пример: {{ email_icon }}
Вывод: <a href="..." title="Отправить ссылку другу" onclick="..." rel="..."><span class="glyphicon glyphicon-send"></span> E-mail</a>
Иконки устанавливаются в файле темы: html/icon.tpl, тег icon.email.
edit_icon string Фрагмент HTML кода – ссылка, при нажатии на которую будет открыта страница редактирования продукта в административном разделе вашего сайта.
Пример: {{ email_icon }}
Вывод: <a href="..." title="..."><span class="glyphicon glyphicon-pencil"></span> Изменить</a>
Иконки устанавливаются в файле темы: html/icon.tpl, тег icon.edit или icon.close.
author string Имя или псевдоним автора (продавца).
{{ author }}
contact_link string Ссылка на страницу контакта автора (должен быть включён плагин "Контент – Контакт").
Чтобы ссылка работала, необходимо установить связь между учётной записью автора и его контактом.
{% if contact_link %}
  <a href="{{ contact_link }}">{{ author }}</a>
{% else %}
  {{ author }}
{% endif %}
parent_title string Заголовок родительской категории.
{{ parent_title }}
parent_url string Ссылка на родительскую категорию.
{% if parent_title %}
  <a href="{{ parent_url }}">{{ parent_title }}</a>
{% endif %}
category_title string Заголовок категории данного продукта.
{{ category_title }}
category_url string Ссылка на категорию данного продукта.
<a href="{{ category_url }}">{{ category_title }}</a>
created string Дата создания страницы продукта.
{{ 'date' | jhtml: created, 'DATE_FORMAT_LC2' }}
modified string Дата изменения страницы продукта.
{{ 'date' | jhtml: modified, 'DATE_FORMAT_LC2' }}
publish string Дата публикации страницы продукта.
{{ 'date' | jhtml: publish, 'DATE_FORMAT_LC2' }}
hits number Число просмотров страницы продукта.
{{ hits }}
image string Путь к основному изображению продукта (обложка).
<img {{ image | img_exists: '260x380' }} alt="{{ alias }}">
images array Список всех медиа-элементов (изображений, аудио и видео файлов) продукта.
Каждый элемент массива содержит:
  • url – путь к медиа элементу;
  • thumbnailUrl – путь к миниатюре элемента;
  • name – наименование элемента (часть имени файла);
  • type – тип файла, например: image, audio, video, flash;
  • ext – расширение файла, например: jpg, mp3, mp4;
  • mime-type – тип данных элемента, например: image/jpeg, video/mp4.
{% for image in images %}
  <img src="{{ image.url }}" alt="{{ image.name }}">
{% endfor %}
manufacturer array Данные о производителе продукта.
Каждый элемент массива содержит:
  • name – наименование производителя;
  • alias – алиас страницы производителя;
  • logo – путь к логотипу производителя;
  • thumbnailUrl – путь к миниатюре логотипа производителя;
  • url – URL на страницу производителя.
{% if manufacturer %}
  <a title="{{ manufacturer.name }}" href="{{ manufacturer.url }}">
    <img src="{{ manufacturer.thumbnailUrl }}" alt="{{ manufacturer.alias }}" itemprop="logo">
  </a>
{% endif %}
cost number Стоимость продукта.
{{ cost | costDisplay }}
vat number Процентная ставка налога.
{% if vat %}
  {{ vat }}% НДС
{% endif %}
old_cost number Стоимость продукта без учёта скидок.
{% if old_cost %}
  {{ old_cost | costDisplay }}
{% endif %}
discount numbers Скидка на стоимость продукта.
{{ discount | costDisplay }}
d_symbol string Символ (знак) валюты для скидки.
{{ d_symbol }}
discount_desc string Описание скидки.
{{ discount_desc }}
discount_image string Миниатюра для скидки.
{% if discount_image %}
  <img {{ discount_image | img_exists: '30x30' }} alt="">
{% endif %}
present array Данные об акции "Товар в подарок".
В массиве содержатся следующие элементы:
  • name – наименование акции;
  • desc – описание акции;
  • image – миниатюра акции;
  • url – URL на страницу акции.
{% if present %}
<a href="{{ present.url }}" target="_top">
  <img {{ present.image | img_exists: '50x50' }} alt="{{ present.name }}">
  <span>{{ present.desc }}</span>
</a>
{% endif %}
currency array Данные об текущей валюте.
В массиве содержатся следующие элементы:
  • id – идентификатор валюты в базе данных компонента;
  • symbol – символ (знак) валюты;
  • cours – курс валюты;
  • code – код валюты.
<meta content="{{ currency.code }}" itemprop="priceCurrency">
{{ cost | costDisplay }}{{ currency.symbol }}
stickers boolean Определяет – будут ли показаны стикеры (надписи, ярлыки).
{% if stickers %}
  ...
{% endif %}
new boolean Определяет – будет ли показан стикер "Новый продукт".
{% if new %}
  <span class="product-label product-label_new">NEW</span>
{% endif %}
hit boolean Определяет – будет ли показан стикер "Хит".
{% if hit %}
  <span class="product-label product-label_hit">HIT</span>
{% endif %}
sku string Код продукта SKU (артикул).
{{ sku }}
variants string HTML-код полей для выбора вариантов продукта сформированного в файле темы: html/forms/variants.tpl. Подробнее смотрите в описании к файлу.
{% if variants %}
  {{ variants }}
{% endif %}
cart_disabled boolean Определяет, будет ли активна кнопка "В корзину". Вернёт true если продукта нет в наличии или если продукт уже добавлен в корзину.
{% if cart_disabled %} ... {% endif %}
wishlist_disabled boolean Определяет, будет ли активна кнопка "В список желаний". Вернёт true если продукт уже добавлен в список желаний покупателя.
{% if wishlist_disabled %} ... {% endif %}
compare_disabled boolean Определяет, будет ли активна кнопка "К сравнению". Вернёт true если продукт уже добавлен в список сравнений покупателя.
{% if compare_disabled %} ... {% endif %}
stock number Информация о наличии продукта:
  • '0' – продукта нет в наличии;
  • '-1' – продукт есть в наличии;
  • '-2' – продукт доступен под заказ;
  • от '1' и выше – указывает на количество продукта в наличии.
{% case stock %}
  {% when 0 %} ...
  {% when '-1' %} ...
  {% when '-2' %} ...
  {% else %} ...
{% endcase %}
quickorder string Ссылка на страницу с формой быстрого заказа. Если форма быстро заказа не выбрана в параметрах компонента, то вернёт пустое значение.
Файл с формой находится по адресу: html/forms/quickorder.tpl. Подробнее смотрите в описании к файлу.
{% if quickorder %}
  <iframe src="{{ quickorder }}" name="quickorder"></iframe>
{% endif %}
waitinglist string Ссылка на страницу с формой для добавления пользователя в лист ожидания. Передаёт значение только если продукта нет в наличии.
Файл с формой находится по адресу: html/forms/waitinglist.tpl. Подробнее смотрите в описании к файлу.
{% if waitinglist %}
  <iframe src="{{ waitinglist }}" name="waitinglist"></iframe>
{% endif %}
form_url string Ссылка на страницу заказа.
{{ form_url }}
attributes array Атрибуты продукта.
Каждый элемент массива содержит:
  • name – имя атрибута;
  • value – значение атрибута;
  • tooltip – описание атрибута;
  • featured – true если атрибут избранный.
{% for attribute in attributes %}
  <span class="hasTooltip" title="{{ attribute.tooltip }}">
    {{ attribute.name }}: {{ attribute.value }}
  </span>
{% endfor %}
f_attributes array Избранные атрибуты продукта.
Параметры те же, что и для атрибутов.
introtext string Вступительная часть описания продукта.
{{ introtext | truncateDesc: 140 }}
fulltext string Остальная часть описания продукта.
{{ fulltext }}
tabs array Описание продукта во вкладках.
Каждый элемент массива содержит:
  • id – идентификатор вкладки;
  • name – имя вкладки;
  • content – содержимое вкладки.
Подробнее смотрите в руководстве "Вкладки для продукта".
rating number Рейтинг продукта (от 1 до 5).
{{ rating }}
rating_count number Количество проголосовавших за продукт.
{{ rating_count }}
reviews_included boolean true – если система отзывов JKassa включена.
{% if reviews_included %} ... {% endif %}
reviews_access boolean true – если только авторизованные пользователи могут просматривать отзывы.
{% if reviews_access %} ... {% endif %}
reviews   HTML-код отзывов о продукте сформированные в файле: html/reviews/post.tpl.
Подробнее смотрите в руководстве "Вкладки для продукта".
{{ reviews }}
reviews_more boolean true - если нужно вывести кнопку "Показать больше " (отзывов).
{% if reviews_more %} ... {% endif %}
reviews_access_form boolean true - если только авторизованные пользователи могут оставлять отзывы.
{% if reviews_access_form %} ... {% endif %}
metadesc string Текст для использования в качестве описания HTML-страницы. Как правило, этот текст используется поисковыми системами для показа описания страницы в результатах поиска.
{% assign social = id | jksocial: name, image, metadesc, return_url %}
return_url string Ссылка на эту же страницу (не SEO).
{{ return_url }}
related array Связанные продукты.
Подробнее смотрите в руководстве "Связанные продукты".
cheaper array Блок "Вместе дешевле".
Подробнее смотрите в руководстве "Вместе дешевле".
pagination array Навигация между продуктами.
В массиве содержатся следующие элементы:
  • prev - url на предыдущий продукт в этой категории;
  • next - url на следующий продукт в этой категории.
{% if pagination.prev %}
  <a href="{{ pagination.prev }}">{{ '_' | jtext: 'JPREV' }}</a>
{% endif %}
{% if pagination.next %}
  <a href="{{ pagination.next }}" rel="next">{{ '_' | jtext: 'JNEXT' }}</a>
{% endif %}
quickview boolean true – если это окно быстрого просмотра продукта.
{% if quickview == false %} ... {% endif %}
tags array Метки (теги) продукта.
Каждый элемент массива содержит:
  • id – идентификатор тега;
  • title – наименование тега;
  • alias – алиас тега;
  • description – описание тега;
  • image – изображение тега;
  • image_alt – альтернативный текст для изображения тега;
  • image_caption – выравнивание изображения тега;
  • link_class – CSS-класс ссылки для тега;
  • url – ссылка на страницу описания тега.
{% for tag in tags %}
  <a href="{{ tag.url }}" class="{{ tag.link_class }}">
    {{ tag.title }}
  </a>
{% endfor %}
limit number Минимальное количество продуктов для заказа.
<input type="text" value="{{ limit }}" data-limit="{{ limit }}" data-maxlimit="{{ maxlimit }}" name="qty-product-{{ id }}">
maxlimit number Максимальное количество продуктов для заказа.
tpl_params array Параметры темы.
{% assign show_sku = tpl_params.sku | default_value: 1 %}
aff_income number Партнерская награда за этот продукт.
{{ aff_income | costDisplay }}
aff_url string Ссылка на страницу с описанием партнёрской программы.
<iframe class="iframe" src="{{ aff_url }}" name="affiliate"></iframe>

Материалы по теме