K-comment

сервис избранных товаров

Настройка

Установке и настройка

Установка приложения

  1. Авторизуйтесь в бэк-офисе своего магазина, перейдите в раздел Приложения, затем – Центр приложений, найдите приложение "K-comment" и нажмите кнопку Установить.

Настройка приложения на примере темы "Стиль"

  1. Настройка кнопки в карточке товара
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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 %}
          
  2. Настройка кнопки в каталоге для товаров.
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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%}
              
  3. Настройка страницы для вывода избранных товаров
    • Перейдите в раздел Контент, Меню и страницы.
    • Создайте новую страницу в разделе "Нет навигации"
    • Выберете шаблон page.izb.liquid
    • Сохраните страницу
    • Проверьте, что страница появилась, попробуйте добавить товар в "Избранное". Не забудьте залогинеться, как пользователь на сайте.
    • Перейдите на страницу избранного, если там отображаются товары, то все работает правильно.
    • Добавьте ссылку на страницу Избранного в меню (сверху или снизу).
  4. При установке другой темы или копии текущей, в нее нужно скопирвать следующие файлы: k-comment-product.liquid, page.izb.liquid

Настройка приложения на примере темы "Fleur"

  1. Настройка кнопки в карточке товара
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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%}
              

  2. Настройка кнопки в каталоге для товаров.
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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%}
            

Установка приложения

  1. Создаем api ключи в своем интернет-магазине
  2. Регистрируемся на сайте приложения: http://k-comment.ru
  3. Заходим в ЛК, переходим в "Настройки" - "Общая информация"
  4. Нажимаем на кнопку "Добавить интеграцию"
  5. Прописываем ранее созданные ключи в личном кабинете приложения и сохраняем.
  6. Нажимаем на кнопку "Добавить файлы"

Настройка приложения на примере темы "Стиль"

  1. Настройка кнопки в карточке товара
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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%}
  2. Настройка кнопки в каталоге для товаров.
    • Перейдите в раздел Дизайн.
    • Перейдите в редактирование установленной темы (Редактор 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%}
              
  3. Настройка страницы для вывода избранных товаров
    • Перейдите в раздел Контент, Меню и страницы.
    • Создайте новую страницу в разделе "Нет навигации"
    • Выберете шаблон page.izb.liquid
    • Сохраните страницу
    • Проверьте, что страница появилась, попробуйте добавить товар в "Избранное". Не забудьте залогинеться, как пользователь на сайте.
    • Перейдите на страницу избранного, если там отображаются товары, то все работает правильно.
    • Добавьте ссылку на страницу Избранного в меню (сверху или снизу).
  4. При установке другой темы или копии текущей, в нее нужно скопирвать следующие файлы: k-comment-product.liquid, page.izb.liquid