Настройка

  • Авторизуйтесь в бэк-офисе своего магазина, перейдите в раздел Приложения, затем – Центр приложений, найдите приложение "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
  • После сохранения шаблона письма Вы можете просмотреть как оно будет выглядить. Для этого выберите Заказ из списка и нажмите Просмотреть
Настройте событие при котором будет срабатывать оповещение клиента или менеджера
  • Перейдите в раздел Настройки - Сообщения - События и выберите Действия - Создать.
  • Выберите статусы при которых должно происходить событие и какой шаблон должен быть использован.
  • После сохранения События - вы можете проверить его работу на вашем тестовом заказе. Для этого заказу в админ части магазина смените статус
  • В приложении можно посмотреть все события происходящие с заказами в магазине в разделе Сообщения - Изменения статусов заказов