Избранное элементов инфоблоков

Избранное элементов инфоблоков


Описание решения

Модуль позволяет создавать списки избранных элементов пользователя из элементов инфоблоков (товары, продукция, новости, статьи и т.п.).

Для установки решения достаточно только добавить ссылку к элементам в шаблоне каталога и добавить 1 строчку для вызова скрипта в шапку сайта и прописать ссылку на элементах, которые хотелось бы добавлять в избранное. Процедура установки займет не более 10 минут.  

Функционал:
- Полный Ajax, все работает очень быстро и без перезагрузки страниц.
- Поддержка авторизованных и не авторизованных пользователей (данные хранятся в БД и в сессии соотвественно).
- Все на API Битрикс, обновления не нарушат работу модуля.
- Данные не засоряют структуру БД 1С-Битрикс, списки пользователей хранятся в отдельной таблицы БД.

Описание установки и настройки решения

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

    <a id="FavAdd-<?=$arItem['ID']?>" fav-id="<?=$arItem['ID']?>" mess-in="В избранное" mess-out="В избранном" class="FavAdd" onClick="__FavAdd('<?=$arItem['ID']?>');">В избранное</a>

    где $arItem['ID'] - ID элемента.
    Так же нужно поступать со всеми необходимыми шаблонами.
  • Подключите в шаблон сайта header.php, внутри тега <head> обработчик решения:

    <?require_once($_SERVER['DOCUMENT_ROOT']."/bitrix/components/redz/favorites/connect.php");?> 

    Теперь ссылки для избранного будут работать в любой части сайта.
  • Завершающая часть установки будет CSS. Настройке вид кнопок по вкусу и стилю сайта:

    a.FavAdd{cursor:pointer;color:#777777;background:url('images/fav.png') no-repeat 0px -16px;padding:0 0 0 20px;margin:0 5px 0 0;}
    a.FavAdd-added{cursor:pointer;background:url('images/fav.png') no-repeat;padding:0 0 0 20px;margin:0 5px 0 0;} 


    Вставьте этот стиль в основной шаблон сайта: /bitrix/templates/<ваш_шаблон>/template_styles.css
    Не забудьте положить картинку в шаблон (/bitrix/templates/<ваш_шаблон>/images/), скачать можно здесь: fav.png

  • Не меняйте названия и значения атрибутов ссылки избранного - они связаны с JavaScript.

ДЕМО ВЕРСИЯ



Возврат к списку