Настройка

  • Авторизуйтесь в бэк-офисе своего магазина, перейдите в раздел Приложения, затем – Центр приложений, найдите приложение "K-comment" и нажмите кнопку Установить.
Настройка почтового сервера
Установка приложения
Настройка кнопки в карточке товара
  • Авторизуйтесь в бэк-офисе своего магазина, перейдите в раздел Приложения, затем – Центр приложений, найдите приложение "K-comment" и нажмите кнопку Установить.
Настройка приложения на примере темы "Стиль"
Настройка кнопки в карточке товара
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product_form.liquid.

  • В коде найдите строчку {% unless settings.product_compare_hide %}
  • После {% endunless %}, вставьте следующий код:
    
    {% comment %} избранное {% endcomment %}
    <div style="margin-top: 20px" class="izb-control">
    <button class="js-izb-add" data-izb-add="{{ product.id }}">добавить в избранное</button>
    <button class="deleteizb js-izb-delete" data-favorites-trigger="{{ product.id }}"
    data-izb-delete="{{ product.id }}" style="display: none;">удалить из избранного</button>
    </div>
    {% comment %} конец избранное {% endcomment %}
      
Настройка кнопки в каталоге для товаров.
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product_card.liquid.

  • В коде найдите строчку {% if bundle_component and bundle_component.product.variants.size > 1 %} .
  • После {% endif %} вставьте следующий код:
    
    {%comment%} избранное {%endcomment%}
    <div class="text-right">
    <i title="добавить в избранное" data-izb-add="{{ product.id }}" class="izb-icon js-izb-add fa-heart-o fa"></i>
    <i title="удалить из избранного" style="display: none;" data-favorites-trigger="{{ product.id }}"
    data-izb-delete="{{ product.id }}" class="izb-icon deleteizb js-izb-delete fa-heart fa"></i>
    </div>
    {%comment%} конец избранное {%endcomment%}
          
Настройка страницы для вывода избранных товаров
  • Перейдите в раздел Контент, Меню и страницы.
  • Создайте новую страницу в разделе "Нет навигации"
  • Выберете шаблон page.izb.liquid
  • Сохраните страницу
  • Проверьте, что страница появилась, попробуйте добавить товар в "Избранное". Не забудьте залогинеться, как пользователь на сайте.
  • Перейдите на страницу избранного, если там отображаются товары, то все работает правильно.
  • Добавьте ссылку на страницу Избранного в меню (сверху или снизу).
При установке другой темы или копии текущей, в нее нужно скопирвать следующие файлы:
k-comment-product.liquid, page.izb.liquid
Настройка приложения на примере темы "Fleur"
Настройка кнопки в карточке товара
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product_info.liquid.

  • В коде найдите строчку {% if account.quick_checkout.enabled %} и перед этой строчкой вставьте следующий код:
    {%comment%} избранное {%endcomment%}
    <div style="margin-top: 10px;" class="cell- izb-control">
    <button class="bttn-reg c_button js-izb-add" data-izb-add="{{ product.id }}">добавить в избранное</button>
    <button class="deleteizb bttn-reg c_button js-izb-delete" data-favorites-trigger="{{ product.id }}"
    data-izb-delete="{{ product.id }}" style="display: none;">удалить из избранного</button>
    </div>
    {%comment%} конец избранное {%endcomment%}
          

Настройка кнопки в каталоге для товаров.
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product-item.liquid.

  • В коде найдите строчку № 75, нажмите ENTER.
  • Вставьте следующий код:
            {%comment%} избранное {%endcomment%}
            <i title="добавить в избранное" data-izb-add="{{ product.id }}" class="izb-icon js-izb-add fa-heart-o fa"></i>
            <i title="удалить из избранного" style="display: none;" data-favorites-trigger="{{ product.id }}"
            data-izb-delete="{{ product.id }}" class="izb-icon deleteizb js-izb-delete fa-heart fa"></i>
            {%comment%} конец избранное {%endcomment%}
            
Установка приложения
  • Создаем api ключи в своем интернет-магазине
  • Регистрируемся на сайте приложения: http://k-comment.ru
  • Заходим в ЛК, переходим в "Настройки" - "Общая информация"
  • Нажимаем на кнопку "Добавить интеграцию"
  • Прописываем ранее созданные ключи в личном кабинете приложения и сохраняем.
  • Нажимаем на кнопку "Добавить файлы"
Настройка приложения на примере темы "Стиль"
Настройка кнопки в карточке товара
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product_form.liquid.

  • В коде найдите строчку {% unless settings.product_compare_hide %}.
  • После {% endunless %}, вставьте следующий код:
            {%comment%} избранное {%endcomment%}
            
    добавить в избранное</button> <button class="deleteizb js-izb-delete" data-favorites-trigger="{{ product.id }}" data-izb-delete="{{ product.id }}" style="display: none;">удалить из избранного</button>
    {%comment%} конец избранное {%endcomment%}
Настройка кнопки в каталоге для товаров.
  • Перейдите в раздел Дизайн.
  • Перейдите в редактирование установленной темы (Редактор HTML/CSS/JS) и выберите сниппет product_card.liquid.

  • В коде найдите строчку {% if bundle_component and bundle_component.product.variants.size > 1 %}.
  • После {% endif %} вставьте следующий код:
    
            {%comment%} избранное {%endcomment%}
            <div class="text-right">
            <i title="добавить в избранное" data-izb-add="{{ product.id }}" class="izb-icon js-izb-add fa-heart-o fa"></i>
            <i title="удалить из избранного" style="display: none;" data-favorites-trigger="{{ product.id }}"
            data-izb-delete="{{ product.id }}" class="izb-icon deleteizb js-izb-delete fa-heart fa"></i>
            </div>
            {%comment%} конец избранное {%endcomment%}
            
Настройка страницы для вывода избранных товаров
  • Перейдите в раздел Контент, Меню и страницы.
  • Создайте новую страницу в разделе "Нет навигации"
  • Выберете шаблон page.izb.liquid
  • Сохраните страницу
  • Проверьте, что страница появилась, попробуйте добавить товар в "Избранное". Не забудьте залогинеться, как пользователь на сайте.
  • Перейдите на страницу избранного, если там отображаются товары, то все работает правильно.
  • Добавьте ссылку на страницу Избранного в меню (сверху или снизу).
При установке другой темы или копии текущей, в нее нужно скопирвать следующие файлы:
k-comment-product.liquid, page.izb.liquid
В разработке
Включите сервис
  • Перейдите в раздел Настройки - Сервисы.
  • Добавьте сервис.
  • Включите сервис.
Настройте шаблон сообщения
  • Перейдите в раздел Настройки - Сообщения - Шаблоны и выберите Действия - Создать.
  • Внутри шаблона вы можете использовать переменные Liquid. Они такие же как и в insales. Примерный список вы можете посмотреть на вкладке Переменные Liquid
  • После сохранения шаблона письма Вы можете просмотреть как оно будет выглядить. Для этого выберите Заказ из списка и нажмите Просмотреть
Настройте событие при котором будет срабатывать оповещение клиента или менеджера
  • Перейдите в раздел Настройки - Сообщения - События и выберите Действия - Создать.
  • Выберите статусы при которых должно происходить событие и какой шаблон должен быть использован.
  • После сохранения События - вы можете проверить его работу на вашем тестовом заказе. Для этого заказу в админ части магазина смените статус
  • В приложении можно посмотреть все события происходящие с заказами в магазине в разделе Сообщения - Изменения статусов заказов