• Демонстрация возможностей
  • Инструкция к подключению
  • Быстрый старт
    • Шаг 1. Настройка iikoRMS
    • Шаг 2. Настройка iiko.Biz
    • Шаг 3. Настройка сайта
  • Дополнительные настройки
    • Индексация страниц каталога
    • Интеграция с Platius
    • Настройка iikoCard5
    • Локализация текста
    • Скрыть некоторые модификаторы
    • Рассылка писем со своего почтового сервера
    • Переименование товаров и блюд
  • Настройка оплат
    • Прием карт, оплата курьером
    • Интеграция с платежной системой PayOnline
    • Интеграция с платежной системой Альфа-Банк
    • Интеграция с платежной системой РФИ-Банк
    • Интеграция с платежной системой Сбербанк
    • Интеграция с платежной системой BePaid
    • Интеграция с платежной системой PayKeeper
  • Кастомизация блоков виджета
    • Общие настройки
    • Типы страниц
    • Фильтрация в каталоге товаров (теги)
  • Примеры кастомизации
    • Товар в списке
    • Детальная страница товара
    • Блок корзины
    • Товар в корзине
    • Блок "Сейчас покупают"
    • Блок "Счасливый час"
    • Набор товаров
    • Подтверждение заказа в "Pop up"
  • События виджета
  • Объекты виджета
  • Демо
    • Отлавливание событий корзины
    • Авторизация/Регистрация в "Pop up"
    • +/- в карточке товра
    • Выбор модификаторов в карточке товара
    • Отслеживание авторизации пользователя
  • Типовые ошибки
    • Виджет не имеет доступа к Вашему ресторану
    • Проблемы со связью с сервером
    • Продукт снят с продажи, но доступен на сайте
    • Отсутствует лицензия iikoDelivery/iikoCallcenter
    • Не работает стоп-лист
  • История обновлений
  • Демонстрация
  • Инструкция

Детальная страница товара

Шаблон блока "по-умолчанию":

<div class="jstore-tag lsp-popup-item-image-c">
    <div class="jstore-tag lsp-popup-item-image">
        <% if(tags.length){ %><div class="jstore-tag lsp-block-item-tags"><% _.each(tags, function(tag){ %><!--
        --><span class="jstore-tag lsp-block-item-tag lsp-block-item-tag-<%= tag.translitName %>" title="<%= tag.name %>"></span><!--
        --><% }); %></div><% } %>
        <img class="jstore-tag" title="<%= name %>"
             data-jstore-src="largeImageUrl">
    </div>
</div>

<div class="jstore-tag lsp-popup-item-description-block">
    <div class="jstore-tag lsp-popup-item-name"
         data-jstore-value="name"></div>
    <div class="jstore-tag lsp-popup-item-description"
        data-jstore-value="description"></div>
    <div class="jstore-tag lsp-js-typeModifiers-block">
        <div class="jstore-tag lsp-modifier-group lsp-js-types-container"></div>
    </div>

    <div class="jstore-tag lsp-popup-item-price-c">
        <div class="jstore-tag lsp-popup-item-count-c">
            <span class="jstore-tag lsp-button-minus lsp-js-popup-item-minus">&#8211;</span>
            <input class="jstore-tag lsp-popup-count lsp-js-popup-total-count" name="count"
                   data-jstore-value="count">
            <span class="jstore-tag lsp-button-plus lsp-js-popup-item-plus">+</span>
            <em class="jstore-tag lsp-popup-count-type"><%= jStoreApp.t(useBalanceForSell ? 'PCS_KG' : 'PCS')%></em>
        </div>
        <strong class="jstore-tag lsp-popup-price-total"
                data-jstore-value="jStoreApp.fixMath(count * cost)"></strong> <em class="jstore-tag lsp-popup-price-total-valute"><%= jStoreApp.getCurrency()%></em>
        <span class="jstore-tag lsp-popup-item-tocart-button lsp-button lsp-js-popup-tocart" data-jstore-class='{
    "jstore-out-of-stock" : balance === 0
}'><%= jStoreApp.t('To_cart')%></span>
        <div class="jstore-tag jstore-share js-share" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter"></div>
    </div>

    <div class="jstore-tag lsp-popup-energy-cont"
         data-jstore-if="fiberAmount || fatAmount || carbohydrateAmount || carbohydrateAmount || energyAmount || weight">
        <div class="jstore-tag lsp-popup-energy-title"><%= jStoreApp.t('energy_sum') %>:</div>
        <table class="jstore-tag lsp-popup-energy-table">
            <tbody>
                <tr class="jstore-tag lsp-detail-table-fiberAmount"
                    data-jstore-if="fiberAmount">
                    <td class="jstore-tag lsp-popup-table-property-name"><%= jStoreApp.t('Proteins')%><span class="jstore-tag lsp-popup-table-property-enum">, <%= jStoreApp.t('Gram')%></span></td>
                    <td class="jstore-tag lsp-popup-table-property-value">
                        <span class="jstore-tag lsp-popup-table-property-value lsp-js-item-fiberAmount-value"
                              data-jstore-value="fiberAmount"></span>
                    </td>
                </tr>
                <tr class="jstore-tag lsp-detail-table-fatAmount"
                    data-jstore-if="fatAmount">
                    <td class="jstore-tag lsp-popup-table-property-name"><%= jStoreApp.t('Fats')%><span class="jstore-tag lsp-popup-table-property-enum">, <%= jStoreApp.t('Gram')%></span></td>
                    <td class="jstore-tag lsp-popup-table-property-value">
                        <span class="jstore-tag lsp-popup-table-property-value lsp-js-item-fatAmount-value"
                              data-jstore-value="fatAmount"></span>
                    </td>
                </tr>
                <tr class="jstore-tag lsp-detail-table-carbohydrateAmount"
                    data-jstore-if="carbohydrateAmount">
                    <td class="jstore-tag lsp-popup-table-property-name"><%= jStoreApp.t('Carbohydrates')%><span class="jstore-tag lsp-popup-table-property-enum">, <%= jStoreApp.t('Gram')%></span></td>
                    <td class="jstore-tag lsp-popup-table-property-value">
                        <span class="jstore-tag lsp-popup-table-property-value  lsp-js-item-carbohydrateAmount-value"
                              data-jstore-value="carbohydrateAmount"></span>
                    </td>
                </tr>
                <tr class="jstore-tag lsp-detail-table-energyAmount"
                    data-jstore-if="energyAmount">
                    <td class="jstore-tag lsp-popup-table-property-name"><%= jStoreApp.t('Nutritional_value')%><span class="jstore-tag lsp-popup-table-property-enum">, <%= jStoreApp.t('CCal')%></span></td>
                    <td class="jstore-tag lsp-popup-table-property-value">
                        <span class="jstore-tag lsp-popup-table-property-value lsp-js-item-energyAmount-value"
                              data-jstore-value="energyAmount"></span>
                    </td>
                </tr>
                <tr class="jstore-tag lsp-detail-table-weight"
                    data-jstore-if="weight">
                    <td class="jstore-tag lsp-popup-table-property-name"><%= jStoreApp.t('Weight')%><span class="jstore-tag lsp-popup-table-property-enum">, <%= jStoreApp.t('Gram')%></span></td>
                    <td class="jstore-tag lsp-popup-table-property-value">
                        <span class="jstore-tag lsp-popup-table-property-value lsp-js-item-weight-value"
                              data-jstore-value="weight"></span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="jstore-tag lsp-modifiers-container lsp-js-modifiers-block">
        <div class="jstore-tag lsp-popup-modifier-title"><%= jStoreApp.t('Additional_ing')%>:</div>
        <div class="jstore-tag lsp-modifier-group lsp-js-modifiers-container"></div>
    </div>

    <div class="jstore-tag lsp-block-additional-text"
         data-jstore-if="seoText"
         data-jstore-value="seoText"
        ></div>
</div>

Шаблон предусматривает использование следующих переменных:

Название Тип Описание
name String Название товара
description String Описание товара
count String Количество товара, которое будет положено в корзину
largeImageUrl String URL большой картинки
cost String Стоимость товара
fiberAmount String Белки
fatAmount String Жиры
carbohydrateAmount String Углеводы
energyAmount String Энергетическая ценность
weight String Вес товара
categoryUrl String Ссылка на раздел
tags Array Список тегов данного продукта
Название Тип Описание
name String Название тега
translitName String Название тега в латинице
seoText String Сео текст
jstore.me © 2023