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

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

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

Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)

Адаптивный слайдер с широким функционалом. + отлично подходит к адаптивным сайтам + отдельные пропорции для разных устройств + возможность переключать слайды пальцем на touchscreen + работает через инфоблоки + поддерживает эффект параллакса + разные способы переключения слайда + контроль времени переключения и автопереключения + 4 шаблона: галерея, параллакс, новости, логотипы Важно умение создавать шаблоны компонентов, если не хотите использовать стандартные, как в демо.

Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)

Адаптивный touch слайдер (галерея, параллакс, новости, логотипы)

Купить: 1 700 руб.
Онлайн-демо
Скриншоты
Описание

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

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

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

Адаптивный слайдер с широким функционалом.

+ отлично подходит к адаптивным сайтам
+ отдельные пропорции для разных устройств
+ возможность переключать слайды пальцем на touchscreen
+ работает через инфоблоки
+ поддерживает эффект параллакса
+ разные способы переключения слайда
+ контроль времени переключения и автопереключения
+ 4 шаблона: галерея, параллакс, новости, логотипы

Важно умение создавать шаблоны компонентов, если не хотите использовать стандартные, как в демо.
Отзывы (1)

Обсуждения (3)
Установка
1. Скачайте и установите решение.
Демо инфоблок устанавливается вместе с решением.

2. Добавьте компонент на страницу, выберите шаблон, инфоблок, настройки.

3. Слайдер установлен и работает!
Осталось только поменять фото и тексты в режиме правки и добавить еще слайды, если нужно.

4. Если хотите сделать такие же слайдеры, как в демо (http://slider2.intelspro.ru/sliderdemo/), разместите на странице следующий код. Не забудьте заменить в коде IBLOCK_TYPE на тип инфоблока демо данных, а IBLOCK_ID на соответствующий id инфоблока.


Параллакс:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "parallax", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "food",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"COUNT" => "",
"T_SLIDE_WIDTH_D" => "100%",
"T_SLIDE_HEIGHT_D" => "",
"T_PROPORTION_D" => "2.4",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "Y",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "75%",
"T_SLIDE_HEIGHT_M" => "",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "Y",
"SLIDER_ID" => "food",
"JQUERY" => "Y",
"JS" => "Y",
"T_CHANGE_TIME" => "500",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Галерея:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "gallery",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"SLIDER_ID" => "gallery",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "80%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Новости:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "news", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "news",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"COUNT" => "",
"SLIDER_ID" => "news",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "Y",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "80%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "N",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>


Логотипы:

<?$APPLICATION->IncludeComponent("intels:slider.responsive2", "partners", array(
"IBLOCK_TYPE" => "1c_catalog",
"IBLOCK_ID" => "1",
"SECTION_ID" => "",
"SECTION_CODE" => "partners",
"SORT_FIELD" => "sort",
"SORT_ORDER" => "asc",
"FILTER_NAME" => "arrFilter",
"SLIDER_ID" => "partners",
"JQUERY" => "Y",
"JS" => "Y",
"T_SLIDE_WIDTH_D" => "20%",
"T_PROPORTION_D" => "",
"T_USE_ARROWS_D" => "N",
"T_USE_SWITCHER_D" => "Y",
"T_USE_SWIPE_D" => "Y",
"T_USE_AUTO_D" => "N",
"T_USE_PARALLAX_D" => "N",
"T_SCREEN_POINT" => "720",
"T_SLIDE_WIDTH_M" => "25%",
"T_PROPORTION_M" => "",
"T_USE_ARROWS_M" => "N",
"T_USE_SWITCHER_M" => "Y",
"T_USE_SWIPE_M" => "Y",
"T_USE_AUTO_M" => "N",
"T_USE_PARALLAX_M" => "N",
"T_CHANGE_TIME" => "300",
"T_AUTO_TIME" => "3000",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600"
),
false
);?>
Поддержка
Поддержка: marketing@intelspro.ru

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

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

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

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки
Для установки данного решения необходимо указать адрес вашего сайта, на котором установлен 1С-Битрикс. Вам также потребуется авторизоваться на своем сайте под правами Администратора, чтобы продолжить установку.
Как установить дополнение