Слайдер

Что делает модуль

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

Где пригодится

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

Пример из демо-шаблона

Ниже — реальная метка из дизайна FoXBuilder. Система подставляет в неё вывод модуля или данные текущей страницы; метки настраиваемых экземпляров задаются в админке.

<section class="hero">[#home_slider#]</section>

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

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

Как это собрать

1. Создайте экземпляр модуля и выберите его HTML-шаблон.
2. Добавьте метку [#home_slider#] в шаблон страницы и привяжите экземпляр.
3. Заполните содержимое на нужных языках.
4. Откройте демо-страницу и проверьте результат.

Код шаблона

modules/slider/templates/foxbuilder-home.html

<!-- @wrapper -->
<section class="hero fb-slider">%items%</section>
<!-- @item -->
<article class="fb-slide">
  <img class="hero-media" src="%image_large%" alt="%image_alt%">
  <div class="hero-content"><h1>%heading%</h1><p>%description%</p></div>
</article>

Метка в шаблоне страницы

[#home_slider#]