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

Блок "Сейчас покупают"

Блок отображает пользователю 20 последних купленных на сайте, товаров.
Наиболее простой способ, это разместить блок с class="jstore-block lsp-block-lastPurchases" Текущий шаблон блока выглядит так:

<h2 class="jstore-tag h1">Сейчас покупают</h2>
<div class="jstore-tag lsp-js-items"></div>

На странице может быть настроено несколько блоков, которые можно кастомизировать для отображение на раздельных страницах сайта. Подробнее описано тут
К примеру, блок, который должен выводиться на странице оформления заказа оформленный в виде слайдера будет выглядеть вот так:

Данный пример показывает, как можно вывести список товаров, которые на данный момент куплены другими клиентами на странице оформления заказа.
В данном примере блок будет показываться на странице оформления заказа.:
<!-- Код необходимо разместить внутри тега <head> -->
<!-- <head> -->
<script>
//window.jStoreConfig.restaurant - Содержит идентификатор ресторана.
window.jStoreConfig = {
    "restaurant" : "3f46ac68-54f4-4ea5-84c1-b7db224a544e",
    
    'templates': [
        {
            'type': 'lastPurchases#top_recommendation',// #top_recommendation - ID блока,
            // который должен быть размещён на странице, и в который будет веведено содержимое шаблона

            'template' : '#recommendationBlockTemplate', // Шаблон блока будет браться из содержимого тега с id 'recommendationBlockTemplate'

            'properties': {
                'sliderUse': true, // Товары будут выводиться с использованием слайдера элементов
                'visible': ['order'] // Показать блок только на странице заказа
            }
        }
    ]
};

</script>
<script src="https://deliverywiget.iiko.ru/v2_0/libs/require.js" data-main="https://deliverywiget.iiko.ru/v2_0/app/config"></script>
<!-- <\head> -->


<!-- Код размещаем перед контентной областью виджета #lsp-block-content.  -->
<!-- #lsp-block-content Top -->
<!-- Определяем место, где будет показан блок -->
<div id="top_recommendation" class="jstore-block lsp-block-items-list lsp-block-lastPurchases" style="margin-top: 10px"></div><!-- End of #lsp-block-content Top  -->


<!-- Шаблоны. Размещаем внутри тега <body>. Следим, чтобы не было дублей "id":  -->
<!-- <body> -->
<script type="text/html" id="recommendationBlockTemplate">
    <h2 class="jstore-tag h1">У нас так же покупают:</h2>
    <div class="jstore-tag lsp-js-items" style="padding-bottom: 30px;"></div>
</script><!-- </body> -->

Демонстрация кода

jstore.me © 2023