Компонент Карусель товаров

Здравствуйте, читатели и гости блога.  Кажется совсем недавно проходил обучение по Битрикс, а уже пролетело почти 3 года. Долго тянул, но наконец-то выложил свой компонент «Карусель товаров» в общий доступ.

Это мой первый компонент, сильно не ругайте :)

Содержание:

  1. Скачать компонент
  2. Способы применения
  3. Возможности
  4. Установка

Скачать компонент Карусель товаров.

карусель-товаров-битрикс
Внешний вид компонента карусель товаров.

Основные способы применения Карусели товаров.

  1. Демонстрация товаров в интернет магазине (Хит, Топ, Распродажа и т.п.);
  2. Использования блока на Landing Page

Возможности компонента.

Сначала вы выбираете «Тип инфоблока» и «Инфоблок», а потом можно выбрать один из трех способов выборки данных(рис.1 ):

источник-данных
рис. 1 Выбрать способ выборки данных

«Показать элементы инфоблока» — в компоненте будут отображаться все элементы инфоблока.

«Показать элементы из раздела» — в карусели товаров будут показаны элементы конкретного раздела или нескольких разделов, которые вы укажите(ID раздела) (рис.2 ).

карусель товаров источник разделы
рис. 2 Показать элементы из раздела

«Показать определенные элементы» — в компоненте будут отображаться  элементы, ID которых вы укажите(рис.3 ).

карусель товаров источник элементы
рис. 3 Показать конкретные элементы

Также вы можете указать сколько товаров отображаются на странице одновременно 2, 3 или 15 (можете указать любое число) — «Количество выводимых элементов» (рис. 4).

Карусель товаров количество выводимых элементов
рис. 4 Количество выводимых элементов

Есть возможность ограничить число элементов например 10-ью позициями.  Если вы указали в пункте «Количество выводимых элементов» 5 , то перейдя на вторую страничку карусели, вы увидите следующие 5 товаров.

Есть возможность отсортировать товары в карусели.

Вы можете настроить, какие данные показывать в карусели. Можно добавить/убрать имя элемента, цену и включить возможность отображать цену со знаками после запятой.

Установка компонента карусель товаров.

  1. Скачать компонент;
  2. Распаковываем архив на свой сайт: <свой сайт>/ bitrix/components;
  3. Компонент должен расположиться следующим образом: <свой сайт>/ bitrix/components/IpGraph/karusel;
  4. Если компонент не появился в списке компонентов в визуальном редакторе, то обновите кэшированные данные(рис. 5)
битрикс-карусель-товаров
Если компонента нет в списке, обновите закэшированные данные

Скачать компонент Карусель товаров.

Компонент бесплатный. Надеюсь на ваши комментарии, обоснованную критику и советы.

Также читайте о кастомизации компонентов тут.

UPD 27.07.15:

  • Устранена неисправность в работе с редакцией ниже «Малый бизнес»
  • Добавил возможность брать картинку из PREVIEW_PICTURE
  • Добавил возможность автопрокрутки и установки скорости
  • Цену можно брать из свойства PRICE, если не установлен модуль каталога(«Малый бизнес»)

Рекомендуем к прочтению



2 комментария

Оставить комментарий

Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания применять.

Срок проверки reCAPTCHA истек. Перезагрузите страницу.