Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!
Условия использования
Продлить
Продолжить покупки

Сравнение товаров ПЛЮС!

Решение содержит в себе усовершенствованный компонент страницы сравнения товаров.Данный компонент - это замена стандартной страницы сравнения товаров в вашем интернет-магазине. В отличие от стандартного компонента, наше решение позволяет сравнивать товары по отдельным категориям. Теперь телевизор не будет сравниваться с кофеваркой, а платье с туфлями - каждый тип товаров будет в своём отдельном разделе!Разбивка на разделы здесь реализована достаточно гибко - даже если товары в вашем каталоге лежат на разных уровнях, на странице сравнения они не перемешаются и не потеряются, а займут соответствующий им раздел.Отображаемые свойства можно гибко настраивать: можно отображать все свойства, какие есть, указав лишь некоторые исключения, а можно сразу указать полный список тех свойств, что должны участвовать в сравнении.Переключение между режимами "Все свойства" и "Различающиеся" мы сделали без перезагрузки страницы, Java-скриптом. И вообще, модуль отлажен как в AJAX-режиме, так и просто с перезагрузкой страницы - всё работает чётко в обоих случаях!Базовый шаблон сделан с минимальным количеством стилей и скриптов, чтобы максимально гибко подстроиться под дизайн вашего сайта. Всё очень просто и без излишеств. На мобильных разрешениях он не сломает вашу адаптивную вёрстку и вполне адекватно будет скроллиться как по горизонтали, так и по вертикали.Впрочем, лучше посмотрите всё сами на демо-странице: http://testshop.s-production.online/catalog/compare/. Ссылка ведёт на уже созданный другим пользователем набор сравнения. Из него вы можете добавить понравившийся товар в личный список сравнения. Конечно, можно "накидать" в сравнение чего-нибудь и из каталога.Кстати, именно поэтому в названии стоит "ПЛЮС!". Дело в том, что это больше, чем страница сравнения товаров. Каждый список сравнения автоматически привязывается к постоянной ссылке в адресной строке браузера. Соответственно, этими ссылками можно делиться: "расшаривать" в соц. сети или предлагать пользователям в чате или рассылках.В последующем, решение будет развиваться именно как маркетинговый инструмент повышения конверсии на сайте.Внедряется компонент очень просто! Просто замените стандартный компонент в шаблоне каталога или поместите в директорию с нужным именем (см. инструкцию по установке). Вам не нужно будет ничего дорабатывать на самом сайте - добавление в список сравнения используется то же самое, что и для стандартного компонента сравнения товаров.

Сравнение товаров ПЛЮС!

Сравнение товаров ПЛЮС!

от S-Production
Скриншоты
Описание

Технические данные

Опубликовано:
15.02.2018
Обновлено:
04.07.2018
Версия:
1.1.2
Установлено:
Менее 50 раз
Подходящие редакции:
«Малый бизнес», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Нет

Описание

Решение содержит в себе усовершенствованный компонент страницы сравнения товаров.

Данный компонент - это замена стандартной страницы сравнения товаров в вашем интернет-магазине.

В отличие от стандартного компонента, наше решение позволяет сравнивать товары по отдельным категориям. Теперь телевизор не будет сравниваться с кофеваркой, а платье с туфлями - каждый тип товаров будет в своём отдельном разделе!

Разбивка на разделы здесь реализована достаточно гибко - даже если товары в вашем каталоге лежат на разных уровнях, на странице сравнения они не перемешаются и не потеряются, а займут соответствующий им раздел.

Отображаемые свойства можно гибко настраивать: можно отображать все свойства, какие есть, указав лишь некоторые исключения, а можно сразу указать полный список тех свойств, что должны участвовать в сравнении.

Переключение между режимами "Все свойства" и "Различающиеся" мы сделали без перезагрузки страницы, Java-скриптом. И вообще, модуль отлажен как в AJAX-режиме, так и просто с перезагрузкой страницы - всё работает чётко в обоих случаях!

Базовый шаблон сделан с минимальным количеством стилей и скриптов, чтобы максимально гибко подстроиться под дизайн вашего сайта. Всё очень просто и без излишеств. На мобильных разрешениях он не сломает вашу адаптивную вёрстку и вполне адекватно будет скроллиться как по горизонтали, так и по вертикали.

Впрочем, лучше посмотрите всё сами на демо-странице: http://testshop.s-production.online/catalog/compare/. Ссылка ведёт на уже созданный другим пользователем набор сравнения. Из него вы можете добавить понравившийся товар в личный список сравнения. Конечно, можно "накидать" в сравнение чего-нибудь и из каталога.

Кстати, именно поэтому в названии стоит "ПЛЮС!". Дело в том, что это больше, чем страница сравнения товаров. Каждый список сравнения автоматически привязывается к постоянной ссылке в адресной строке браузера. Соответственно, этими ссылками можно делиться: "расшаривать" в соц. сети или предлагать пользователям в чате или рассылках.

В последующем, решение будет развиваться именно как маркетинговый инструмент повышения конверсии на сайте.

Внедряется компонент очень просто! Просто замените стандартный компонент в шаблоне каталога или поместите в директорию с нужным именем (см. инструкцию по установке). Вам не нужно будет ничего дорабатывать на самом сайте - добавление в список сравнения используется то же самое, что и для стандартного компонента сравнения товаров.
Отзывы (1)

Обсуждения (3)
Что нового
1.1.2 (04.07.2018) Небольшие исправления.
1.1.1 (10.04.2018) Добавлена опция "Задавать принудительно первое изображение для публикации в соц. сетях", которая задаёт мета-тег og:image.
1.1.0 (06.04.2018) Внедрены постоянные ссылки для списков сравнения. Как для авторизованных, так и для неавторизованных пользователей.
1.0.1 (26.02.2018) Добавлен счётчик товаров в ссылках разделов.
Установка
Установка компонента

После установки решения, в списке компонентов у вас появляется новый компонент - "Таблица сравнения".

Вам нужно поместить на сайт этот компонент, взамен стандартного компонента сравнения товаров.

Проще всего это сделать, создав в корневой директории каталога (обычно это папка /catalog) поддиректорию с адресом стандартной страницы сравнения (обычно это /compare). На главной страницы этой поддиректории вы добавляете наш компонент (http://joxi.ru/Dr86woKf4g0wK2), сохраняете и теперь он будет отображаться вместо стандартного.




Другой путь - заменить компонент сравнения прямо в комплексом компоненте каталога. Там нужно найти компонент bitrix:catalog.compare.result (находится в файле /compare.php). И заменить этот компонент на наш.

Код подключения нашего компонента (в рамках комплексного компонента каталога):
<?$APPLICATION->IncludeComponent(
    "sproduction:catalog.compare.result",
    ".default",
    array(
        "ACTION_VARIABLE" => (!empty($arParams["ACTION_VARIABLE"]) ? $arParams["ACTION_VARIABLE"] : "action"),
        "CACHE_TYPE" => $arParams["CACHE_TYPE"],
        "CACHE_TIME" => $arParams["CACHE_TIME"],
        "CURRENCY_ID" => $arParams['CURRENCY_ID'],
        "IBLOCK_ID" => $arParams["IBLOCK_ID"],
        "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"],
        "NAME" => $arParams["COMPARE_NAME"],
        "PREVIEW_HEIGHT" => $arParams["COMPARE_PREVIEW_HEIGHT"]?$arParams["COMPARE_PREVIEW_HEIGHT"]:"500",
        "PREVIEW_WIDTH" => $arParams["COMPARE_PREVIEW_WIDTH"]?$arParams["COMPARE_PREVIEW_WIDTH"]:"500",
        "PRODUCT_ID_VARIABLE" => $arParams["PRODUCT_ID_VARIABLE"],
        "PROPERTIES" => $arParams["COMPARE_PROPERTY_CODE"],
        "OFFERS_PROPERTIES" => $arParams["COMPARE_OFFERS_PROPERTY_CODE"],
        "SECTION_ID" => $_REQUEST[$arParams["SECTION_ID_VARIABLE"]],
        "SECTION_ID_VARIABLE" => $arParams["SECTION_ID_VARIABLE"],
        "DETAIL_URL" => $arResult["FOLDER"].$arResult["URL_TEMPLATES"]["element"],
        "BASKET_URL" => $arParams["BASKET_URL"],
        "COMPONENT_TEMPLATE" => ".default",
        "PROPERTIES_EXCLUDED" => array(),
        "OFFERS_PROPERTIES_EXCLUDED" => array(),
        "SECTIONS_COMPARE_LEVEL" => "3",
        "DISPLAY_EMPTY_SECTION" => "Y",
        "CORE_JQUERY" => "Y",
        "SET_TITLE" => "Y",
        "AJAX_MODE" => "Y",
        "AJAX_OPTION_ADDITIONAL" => "",
        "AJAX_OPTION_HISTORY" => "N",
        "AJAX_OPTION_JUMP" => "N",
        "AJAX_OPTION_STYLE" => "Y",
    ),
    $component,
    array("HIDE_ICONS" => "Y")
);?>



Настройка компонента

При настройке компонента необходимо обратить внимание на несколько ключевых параметров.

Уникальное имя для списка сравнения. Обычно на битрикс-сайтах стоит значение "CATALOG_COMPARE_LIST". Если вы на своём сайте его не меняли, то оставьте значение по-умолчанию.

Уровень сравнения. Определяет, на каком уровне вложенности делить товары по категориям. Например, если у вас всего один уровень разделов, то оставляем значение "1".

Если же вложенность каталога больше, то тут нужно определиться, на каком уровне нужно отделять в сравнении одни товары от других по разделам. Например, если категория "Обувь" включает в себя "Женскую" и "Мужскую", стоит указать уровень "2", чтобы не сравнивалась вся обувь между собой, а мужская и женская оказались в отдельных категориях.

Стоит пояснить, что если у вас разная глубина вложенности у разных разделов, то модуль тут "не растеряется". Просто указывайте нужный уровень для самого "глубокого" раздела. Т.е., если в примере с обувью, у вас на сайте ещё будет раздел первого уровня "Аксесуары" и там больше не будет подразделов, то товары из этого раздела будут отображаться на странице сравнения в разделе "Аксесуары", несмотря на то, что это раздел 1-го уровня, а не 2-го.

Товары, не привязанные ни к одному разделу (привязанные "к корню" каталога) будут отображаться в отдельным разделе страницы сравнения.

Если указать "0", то все товары будут сравниваться со всеми, без деления на категории (как в стандартном компоненте Битрикса).

Отображаемые свойства товара. Задаются свойства, которые будут отображаться в списке сравнения. Если оставить пустым, отобразятся все свойства из инфоблока.

Свойства товара, исключенные из отображения. Указываются свойства, которые нужно исключить из отображения. Работает и если "Отображаемые свойства товара" заданы, и если не заданы.

Аналогично настраиваются свойства торговых предложений.

Название корневого раздела. Заголовок для товаров, не привязанных ни к одной категории в каталоге. По-умолчанию называется "Общий раздел".



Добавление к списку сравнения

Если на сайте в шаблонах каталога не предусмотрена функция добавления товаров в список сравнения (либо если используется нестандартный компонент сравнения, например, когда сайт построен на некоторых тиражных решениях из Битрикс Маркетплейс), возникает необходимость самостоятельно добавить такую функцию. Ниже приведена необходимая техническая информация.

Товары для списка сравнения находятся в массиве:
$_SESSION["CATALOG_COMPARE_LIST"][ID_ИНФОБЛОКА_КАТАЛОГА]["ITEMS"]
Соответственно, чтобы посчитать, сколько всего товаров находится в сравнении, достаточно конструкции:
count($_SESSION["CATALOG_COMPARE_LIST"][ID_ИНФОБЛОКА_КАТАЛОГА]["ITEMS"])
При этом, CATALOG_COMPARE_LIST - это стандартное имя массива сравнения. Его можно поменять в настройках компонента сравнения.

Чтобы добавить товар в сравнение, необходимо отправить запрос следующего рода:
  • по пути, где находится компонент сравнения (например /catalog/compare/)
  • нужно отправлять запрос (post или get)
  • с параметрами action=add
  • и id=ID_ТОВАРА.
Таким образом, добавление можно организовать даже в виде простой ссылки, типа http://site.ru/catalog/compare/?action=add&id=123.

Пример отправки такого запроса через AJAX, с помощью jQuery:
$.post('/catalog/compare/', {
    'id' : 123, 
    'action' : 'add',
    'ajax_action' : 'Y'
}, function (data) {
    // Действия
}, 'json');


Поддержка
По вопросам технической поддержки пишите на почту support@s-production.online.

Лицензионное соглашение

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки