Слайдер

Що робить модуль

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

Де стане у пригоді

Використовуйте для першого екрана, акцій чи важливих розділів без редагування коду кожного слайда.

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

Нижче — реальна мітка з дизайну 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#]