Как сделать слайдер bitrix: Карта сайта

Помогите пожалуйста! Как сделать переключение между несколькими слайдерами битрикс?

Есть блок в котором есть слайдер, при нажатии на кнопку ниже можно выбрать другой слайдер, то есть меняется картинки. Нужно реализовать его на битриксе. Сам в нём не силён, пробовал сделать через компонент news.list. Помогите решить мою проблему, какой компонент использовать.Прилагаю фото и ссылку на сайт с слайдером. Заранее спасибо!

Ссылка на сайт

• битрикс

Можно найти много примеров например вот https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=95&LESSON_ID=7805&LESSON_PATH=7785.7805 . (подобное делают постоянно и много всякой информации)

Смысл в том что bitrix у вас будет для хранения самих фото слайдера, и ссылок которые будут на ваших слайдах (из админки контенщик будет задавать слайды).

Например можно сделать инфоблок слайдеры, в нём добавить элементы которые будут слайдами, например детальная картинка элемента это сама картинка слайдера, детальное описание это урл ссылки, тут же можно задать сортировку элементу.

Что бы при такой реализации сделать слайдер нужен будет компонент news.list указываете в него созданный вами инфоблок, задаёте сортировку параметры кеша, укажите имя шаблона <придумайте любое> далее создадите шаблон.

Затем создайте в папке /local/templates/<шаблон вашего сайта>/components/news.list/<придумнное имя шаблона>/template.php , а далее в этом файле в массиве $arResult (можете сделать print_r и посмотреть содержимое) будут все нужные вам данные это урл на картинку и ссылка, добавьте в шаблон html код любого слайдера (при необходимости создайте в этом же шаблоне файлы script.js и style.css с кодом из вашего слайдера).

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

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Как добавить слайдер в битрикс

Краткая инструкция как создать свой слайдер для CMS 1С-Битрикс. Подойдет для тех, у кого не получается создать простейший внешний вид для компонента «новостей».

Как создать слайдер из инфоблока на Битриксе

Предположим, что, вы уже хорошо знакомы с вёрсткой, скриптами (javasctipt и jQuery), и понимаете что такое слайдер. Будет плюсом, если вы уже знакомы с битриксом и инфоблоками.

Создать свой слайдер не так уж и сложно, нужно выполнить несколько простых действий:

1 Шаг: Создаем новый инфоблок в админке. Если вы только начинаете работать с проектом, то перед этим нужно создать новый тип инфоблока, например, назовем его Контент с кодом content. При создании нового инфоблока удаляем правила ЧПУ, название, символьный код, и не забываем выставить необходимые права доступа. Если вы планируете дальнейшее создание информационной структуры (имею ввиду переходы по ссылкам относительно /slider/), то указываем правила для ЧПУ. Не забываем и задать галочки для транслитерации и ресайза изображений (можно поставить максимальную ширину, чтобы урезать картинки).

2 Шаг: Создаем демо контент для слайдера, состоящий из названий и изображений, этого вполне хватит для простейшего слайдера. Картинка для анонса подойдет.

3 Шаг: На тестовой странице выводим компонент news.list, ставим в настройках нужный нам инфоблок, количество новостей и обязательно создаем для него свой шаблон, например slider. После этого записываем в шаблон такой код:

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

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

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww. ru.

— Создание сайтов на 1С-Битрикс любой сложности
— Вёрстка макетов Figma, Photoshop, Zeplin
— Поддержка проектов на Битриксе
— Разработка нового функционала для сайта
— Парсинг данных
— Выгрузка \ Загрузка файлов в формате XML, YML, XLS, XLSX, CSV, JSON
— Интеграция по API со сторонними сервисами
и многое другое

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

Для подобных задач в системе Битрикс есть довольно мощный инструмент для организации работы показа баннеров, о котором и пойдет речь далее. Для этих задач удобно использовать модуль «Баннерная реклама», который располагается по в админке в разделе:

Маркетинг > Баннерная реклама

В самом деле с технической точки зрения реализовать слайдер на сайте можно посредством других модулей. Однако данный метод содержит всё необходимое для использования этого модуля в качестве основного.

Разделение баннеров по типам

Использовать баннера разных размеров и для участков на сайте приходится довольно часто. Собственно, это и привело к необходимости разделению баннеров на различные типы. И перед тем как добавлять новые баннера, рекомендуется разделить их по типам, в нашем случае будет два типа баннеров. Первый – основной, будет показываться в полноэкранном размере в слайдере на главной. Второй тип – мобильная версия, будет подгружаться в случае если на сайт заходят с мобильных устройств.

В самом деле настраивать типы баннеров можно в произвольном порядке, и сегментировать скажем их к примеру, для показа на разных участках сайта.
Маркетинг > Баннерная реклама > Типы баннеров

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

Список баннеров располагается по такому пути:

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

Добавление нового баннера

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

Для наших целей потребуется заполнить минимум полей:

Название (можно указать произвольное), т.к. нами в публичной части оно использоваться не будет;
Тип баннера – нужно указать какой тип баннера мы добавляем, мобильный либо полноэкранный;
Вес (приоритет) – это поле используется для сортировки порядка баннеров;
Файл – это и есть изображение добавляемого баннера, можно добавить файл методом перетаскивания либо по клику на области;
URL – ссылка на баннере, если есть необходимость возможности перехода пользователя по клику на баннере;
Статус баннера – обозначает готовность показа баннера на сайте.

Всё это находится на первой вкладке добавления баннера, и этого для нашего примера вполне достаточно. Далее немного рассмотрим вкладки так сказать «для ознакомления».

На вкладке «ограничения» можно выставлять лимиты, связанные с количеством показа баннера на сайте.

На вкладке «таргетинг» можно гибко настраивать показ банеров по конкретным разделам, к примеру, если компонент подключён в каталоге, и есть необходимость показа конкретного баннера для конкретных разделов. Можно так же настраивать от обратного – показывать баннер во всех разделах, и сделать исключение для некоторых.

Настраивать показ можно с использованием разграничения по группам пользователя.

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

Для сбора и обработки аналитики на вкладке «статистика» можно настраивать отслеживание событий кликов на баннерах. Это позволяет собирать дополнительную информацию по эффективности того или иного баннера.

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

Создаём компонент для показа баннеров

Итак, у нас есть некий набор баннеров в администраторской части сайта. В публичной части сайта нам нужно вывести слайдер, который будет вытягивать данные из базы, и показывать из с необходимой разметкой. Что касается верстки, то в подавляющем большинстве случаев в каждой верстке может использоваться различные плагины для показа изображений. По этой причине целесообразно нам сделать простой самостоятельный компонент, в котором уже реализуется нужная разметка.
Для показа было решено прикрутить Swiper Slider, ссылка на него будет в самом конце поста. Создаём кастомный компонент, который будет получать данные из базы, а в шаблоне компонента будет подключаться Swiper Slider, который будет выполнять показ этих самых баннеров.

Путь размещения компонента:
/local/components/custom/swiper.slider/

Как вы поняли директория /local/ в этом случае используется для ваших шаблонов и компонентов. Вызов компонента происходит стандартным образом:

В качестве параметра мы передаём TYPE_SID, который и передаёт тип баннеров, которые следует загрузить. Константа SITE_TYPE задаётся в файле init.php, посредством элементарной проверки юзер-агента браузера, и может принимать значение original либо pda.

Итак вы подключаем компонент custom:swiper.slider на главной странице, теперь пора перейти к логике самого компонента. Логика компонента находится в скрипте component.php, те кто работал с системой битрикс, наверное, уже знают об этом.

Рассмотрим исходный код компонента

Сама логика компонента расположена в файле component. php:
/local/components/custom/swiper.slider/component.php

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

В папке компонента так же мы размещаем шаблон компонента, который собственно и будет содержать всю основную разметку слайдера, а также подключать дополнительные js-скрипты и файлы стилей. Так как при подключении компонента мы не указали имя шаблона компонента, то по умолчанию будет подгружаться шаблон из папки с названием .default:
/local/components/custom/swiper.slider/templates/.default/

В этой директории размещён файл шаблона компонента с именем templates.php, в него помещается разметка:

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

Swiper.css – это файл стилей который идет вместе со слайдером swiper slider;
Swiper.min.js – в этом файле находится сам javascript код слайдера, он так же подключается в шаблоне компонента;

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

Как добавить слайдер с фото в тексте статьи Битрикс? — Хабр Q&A

Суть задачи:
Статья добавляется как элемент инфоблока, пишется в визуальном редакторе. Заказчик хочет, чтобы в любом месте статьи (после абзаца например) он смог через визуальный редактор вставить «слайдер с фотографиями (не 1 фото)» + иметь возможность задать обтекание текста (справа, слева или по центру).
Дано:
1. галерей может быть несколько в статье;
2. контент-менеджер не знает базового html;
3. так-как слайдер имеет глубокую html структуру и КМ не знает html, выводить код слайдера через сниппет и добавлять картинки по одной через стандартный механизм добавления картинок в визуально редакторе, не подходит.
Мой план:
1. Создать множественное свойство тип файл.
2. В статье, в нужном месте вставить «шорткод» типа завернув его в сниппет.
3. В шаблоне парсить статью и в место «шорткода» выводить «слайдер-галерею».
Понимаю что это «костыль-костыль» но на что горазд .
Подскажите в формате Битрикс может есть более «правильное» решение задачи?

• Вопрос задан более года назад
• 1130 просмотров

70+ лучших приложений Битрикс для веб-сайта

• Виджеты
• Блог
• Уроки
• Войти
• Зарегистрироваться

• Виджеты Социальные
  • Facebook Feed
  • Instagram Feed
  • 000 Instagram Feed
  • 000
  • Иконки социальных сетей
  • Кнопки социальных сетей
  • Twitter Feed
  • Vimeo Gallery
  • YouTube Gallery Bestseller
  • Audio Player New
  • Background Music New
  • Podcast Player New
  • Airbnb Reviews
  • AliExpress
  • Отзывы All-in-One NEW
  • Amazon Отзывы
  • Apple App Store
  • BBB Отзывы
  • Booking Reviews
  • Отзывы DealerRater 9 0003 Edmunds Reviews
  • Etsy Reviews
  • Facebook Reviews Trending
  • G2 Crowd Reviews
  • Отзывы в Google Play
  • Google Reviews
  • Hotels Reviews
  • Houzz Reviews
  • Отзывы из Instagram 000 отзывов TripAdvisor
  • от Trustpilot
  • Слайдер отзывов
  • Yelp Reviews
  • eBay Reviews
  • All-in-One Chat
  • Facebook Chat
  • Telegram Chat
  • Viber Chat
  • WhatsApp 9000 Форма связи 9000 9000 Форма связи 9000 9000
  • Form Builder
  • Нажмите, чтобы позвонить
  • Таймер обратного отсчета Тенденции
  • Кнопка PayPal
  • Всплывающее окно
  • Тенденции в таблице цен

  Создание сайта на Битрикс

  Какие плюсы для проектов веб-разработки на CMS-Битрикс?

  Универсальность

  На платформе «Битрикс» возможна реализация сайтов разного назначения и сложности. Разработчики подготовили пакет программных решений, позволяющих быстро создавать разные типы сайтов: Интернет-магазины, информационные порталы, корпоративные сайты, социальные сети и многое другое. Готовые функциональные модули Система открывает широкие возможности для управления производительностью, товарным наполнением интернет-магазинов, для создания необходимых структур сайтов, рекламы и других действий, необходимых для успешного и динамичного развития веб-ресурсов. Для опытного программиста создание полноценного сайта на платформе БитриксСофт занимает несколько часов.

  Надежность и безопасность

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

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

  Интеграция с системой 1С: Предприятие

  Интеграция сайтов, реализованная на платформе Битрикс, современные версии решения 1С-Предприятие существенно упрощают повседневные задачи коммерческих ресурсов.Этот вариант позволяет загружать большое количество товаров в разделах интернет-магазинов. Также с помощью интеграции с системой 1С можно своевременно передавать заказы на сайт для дальнейшей обработки и оповещать клиентов о статусе их заказов. Платформа может быть интегрирована в основные типы баз данных и совместима с популярным бухгалтерским ПО — это одно из основных преимуществ автоматизации учета и своевременного отслеживания торговли.

  CMS Битрикс — рациональный выбор для разработки даже сложных и умных сайтов со сложным функционалом.Компания предоставляет пользователям подробную подборку готовых решений Битрикс для создания веб-ресурсов различного назначения. Но чтобы выбор платформы не разочаровал, необходимо привлекать к разработке профессиональные веб-проекты, знакомые со всеми возможностями Битрикс. При правильном подходе программное обеспечение двигателя может удовлетворить все запросы клиентов . Разработка веб-проектов на CMS Bitrix — это всегда хорошее решение для тех, кто желает получить по доступной цене коммерческий сайт со стильным дизайном и продуманным функционалом.

  kzk888 / bitrix-slider-Revolution: Адаптивная революция слайдера на Битрикс

  • Почему именно GitHub? Особенности →
    • Обзор кода
    • Управление проектами
    • Интеграции
    • Действия
    • Пакеты
    • Безопасность
    • Управление командой
    • Хостинг
    • мобильный
    • Истории клиентов →
    • Безопасность →

    16 вдохновляющих примеров потрясающих современных слайдеров домашней страницы — блог Smart Slider 3

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

    Современные слайдеры эволюционировали за пределы базовых слайд-шоу , которые были повсюду пять лет назад. Крупные бренды, такие как SpaceX, Microsoft, Squarespace и Spotify, размещают на своих сайтах хорошо продуманные слайдеры.Современные слайдеры великолепны. Они содержат потрясающие изображения — обычно фотографии с высоким разрешением — наряду с продуманным копирайтингом, удачно размещенными призывами к действию и элементами дизайна, которые обеспечивают своевременное получение информации, чтобы пользователи могли усвоить контент на каждом слайде.

    Садись на борт! Присоединяйтесь к нашим 62,416 подписчикам!

    Получайте наши последние новости, учебные материалы, руководства, советы и предложения, которые будут доставлены на ваш почтовый ящик.

    Нет спама. Бесплатно. Только тщательно отобранные письма.

    Зачем использовать слайдер домашней страницы на вашем сайте WordPress? Среди множества преимуществ:

    • Фокус. Возможность сосредоточить внимание пользователей на ваших ключевых сообщениях в верхней части страницы.
    • Визуальные эффекты. Пользователи любят потрясающие изображения. Ползунки позволяют отображать более одного изображения.
    • Призывы к действию. Слайдеры предоставляют возможность отображать несколько CTA для вашего важного контента.

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

    Краткая инструкция как создать свой слайдер для CMS 1С-Битрикс. Подойдет для тех, у кого не получается создать простейший внешний вид для компонента «новостей».

    Как создать слайдер из инфоблока на Битриксе

    Предположим, что, вы уже хорошо знакомы с вёрсткой, скриптами (javasctipt и jQuery), и понимаете что такое слайдер. Будет плюсом, если вы уже знакомы с битриксом и инфоблоками.

    Создать свой слайдер не так уж и сложно, нужно выполнить несколько простых действий:

    1 Шаг: Создаем новый инфоблок в админке. Если вы только начинаете работать с проектом, то перед этим нужно создать новый тип инфоблока, например, назовем его Контент с кодом content. При создании нового инфоблока удаляем правила ЧПУ, название, символьный код, и не забываем выставить необходимые права доступа. Если вы планируете дальнейшее создание информационной структуры (имею ввиду переходы по ссылкам относительно /slider/), то указываем правила для ЧПУ. Не забываем и задать галочки для транслитерации и ресайза изображений (можно поставить максимальную ширину, чтобы урезать картинки).
    

    2 Шаг: Создаем демо контент для слайдера, состоящий из названий и изображений, этого вполне хватит для простейшего слайдера. Картинка для анонса подойдет.

    3 Шаг: На тестовой странице выводим компонент news. list, ставим в настройках нужный нам инфоблок, количество новостей и обязательно создаем для него свой шаблон, например slider. После этого записываем в шаблон такой код:

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

    Данная последовательность подходит под очень многие задачи связанные с инфоблоками, берите на вооружение и создавайте свои слайдеры легко и быстро &#128578; .

    автор: Dmitriy

    Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru

    — Создание сайта на 1С-Битрикс;
    — Доработки и правки на рабочем проекте;
    — Адаптивная вёрстка и натяжка на Битрикс;
    — Выгрузка и Загрузка товаров на сайт;
    — Парсинг;
    — Интеграции со сторонними сервисами по API;
    — Многоязычные версии сайтов и многое другое.

    Слайдер баннеров или картинок очень распространенный атрибут многих сайтов. Рассмотрим на примере как создать простой слайдер для Битрикс своими руками.

    Не будем изобретать велосипед, за основу слайдера возьмём неплохой jQuery плагин Fotorama. Управление элементами слайдера (создание, редактирование, удаление) реализуем на инфоблоках. Вывод элементов на сайт организуем через компонент список новостей bitrix:news.list .

    Нам понадобится уже установленный сайт на любой редакции Битрикс, плагин Fotorama и около 30 мин. времени.

    2. Создаем и настраиваем инфоблок в админке.

    2.1 Находим в панели администратора типы инфоблоков Контент Инфоблоки Типы инфоблоков . Создаем новый тип.

    2.2 Заходим в созданный только что тип инфоблока Контент Инфоблоки Типы инфоблоков Слайдер , теперь мы можем непосредственно создать сам инфоблок.

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

    2.3 Наш инфоблок создан. Можно переходить к добавлению элементов. Переходим в Контент Слайдер Слайдер баннеров , добавляем несколько элементов.

    Даем имя и к каждому элементу добавляем картинку для анонса.

    3. Идем в раздел сайта, в котором требуется вывести эти баннеры. Открываем страницу в визуальном редакторе. И из области с компонентами выбираем нужный нам список новостей bitrix:news.list и перетягиваем его в рабочую область страницы.

    3.1 В настройках компонента в основных параметрах нужно указать тип инфомационного блока (в нашем случае он называется «Слайдер») и код информационного блока (в нашем случае его название «слайдер баннеров»).

    Сохраняем настройки и нашу страницу. Если вы все сделали правильно, то увидите на странице вывод элементов инфоблока.

    4. Последний шаг. Редактируем шаблон компонента и подключаем плагин Fotorama.

    4.1. На странице со слайдером переходим в режим правки. Прежде, чем редактировать шаблон, рекомендуется скопировать его в папку с шаблоном сайта. Наводим на шестерёнку с компонентом, в появившемся меню выбираем «копировать шаблон компонента».

    далее в появившемся окне вводим имя шаблона (к примеру, fotorama1) выбираем «копировать в шаблон сайта», указываем в списке ваш сайт.

    4.2. Подключаем скрипт плагина . Для его работы необходима библиотека jQuery, если ее нет, подключаем.

    4.2 Идем в папку в шаблоном компонента /bitrix/templates/шаблон_сайта/components/bitrix/news.list/fotorama1/ . Открываем для редактирования файл template.php .

    Можно удалить весь лишний код, оставим только цикл foreach, внутри цикла размещаем скрипт, который выведет нам все изображения из инфоблока. Все наши изображения должны быть внутри блока

    Готовый код выглядит так:

    В этой же папке с шаблоном слайдера /fotorama1/ находим файл со стилями компонента style.css и заменяем всё его содержимое на стили из fotorama.css , копируем в папку файл с изображениями fotorama.png .

    Наш простой слайдер для bitrix готов!

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

    Fotorama гибка в настройках, ознакомиться с документацией можно на официальном сайте.

    С вопросами или предложениями по компоненту приглашаю в комментарии.

    Рубан Дмитрий

    Допустим вам необходимо создать слайдер, который заказчик сможет без проблем редактировать (содержание), и каждое изображение должно вести на определённую страницу + появлятся в определённое время. В помощь нам приходят инфоблоки.

    1. Вначале подготовим структуру для слайдера.

    • Создадим новый инфоблок, например с типом «Новости» (Рабочий стол > Контент > Информ. блоки > Типы информ. блоков > Новости)
    • Заполняем настройки по вашему усмотрению (дальше я буду писать на своем примере). Желательно поставить обязательным пункт «Картинка для анонса» в разделе «Поля» и проставить галки у «Создавать картинку анонса из детальной (если не задана)», «Создавать картинку анонса из детальной даже если задана».
    • В разделе «Свойства» добавляем свойство (извините) для настройки ссылки, по которой будет ввести картинка (примерные настройки: Ссылка — Строка — Акт — SLIDER_LINK).

    Сохраняем, останется правильно настроить страницу добавления картинки в слайдер. У меня сделано примерно так:

    Т.е. картинка будет идти из анонса, вы можете сделать наоборот (из детальной).

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

    2. Добавляем компонент «Список новостей (bitrix:news.list)» в необходимую область сайта.

    При этом в свойствах сделаем наше поле активным (slider_link) и уберём галки у «Устанавливать заголовок страницы, Устанавливать статус 404. Включать инфоблок в цепочку навигации, Включать раздел в цепочку навигации»

Sliders

Подключить расширение Landing_Carousel в манифесте блока.

 'активы' => массив(
   'ext' => массив('landing_carousel'),
) 

Установить классы для узлов в блочном макете:

• .js-carousel — слайд-корневой контейнер
• . js-слайд — каждый слайд отдельно

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

Атрибуты

Кнопки пейджинга.

Этот атрибут добавляет кнопки пейджинга. Стили задаются как общие для обеих кнопок, так и отдельно для левой и правой кнопки.

 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-45 g-color-white g-bg-primary"
data-arrow-left-classes="fa fa-chevron-left g-left-0"
data-arrow-right-classes="fa fa-chevron-right g-right-0" 

Индикаторы страниц (разбивка на страницы)

Атрибут добавляет элемент пагинации и устанавливает его классы.

 data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-60 text-center" 

Количество слайдов на экране

 data-slides-show=" 3" 

Количество слайдов, переключаемых за одну страницу

 data-slides-scroll="2" 

Включить/выключить автоматическую прокрутку

 data-autoplay="true" 

 data-speed="1000" 

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

 data-fade="true" 

Внимание! Корректно работает только с data-slides-show=»1″

Вертикальный слайдер

 data-vertical="true" 

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

 data-rows="2" 

 data-infinite="true" 

 ответ на данные='[{
   "точка останова": 1200,
   "настройки": {
      "слайдтошоу": 5
   }
}, {
   "точка останова": 992,
   "настройки": {
      "слайдтошоу": 3
   }
}, {
   "точка останова": 768,
   "настройки": {
      "слайдтошоу": 2
   }
}, {
   "точка останова": 576,
   "настройки": {
      "слайдтошоу": 1
   }
}]' 

 <дел
    данные-стрелки-классы = "u-стрелка-v1 g-абсолютно-центрированный--y g-width-45 g-height-45 g-color-white g-bg-primary"
    data-arrow-left-classes="fa fa-chevron-left g-left-0"
    data-arrow-right-classes="fa fa-chevron-right g-right-0"
    data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-60 text-center"
    данные-слайды-шоу = "3"
    данные-слайды-прокрутка = "2"
    данные-автовоспроизведение = "истина"
    скорость передачи данных = "1000"
    данные-пауза-наведения = "истина"
    данные-ответ = '[
      {
         "точка останова": 768,
         "настройки": {
            "слайдтошоу": 2
         }
      }, {
         "точка останова": 576,
         "настройки": {
            "слайдтошоу": 1
         }
      }
   ]'
> 

   <дел>
      <дел>
          
Слайд 1