Повторювані блоки

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

Переваги, етапи робіт, запитання або картки команди зберігаються як окремі записи, а не як великий фрагмент HTML.

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

Щоб додати чи переставити картку, редактор працює з елементом списку, а оформлення задає шаблон.

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

Нижче — реальна мітка з дизайну FoXBuilder. Система підставляє в неї виведення модуля або дані поточної сторінки; мітки налаштовуваних екземплярів задаються в адмінці.

<section>[#home_advantages#]</section>

Переваги, етапи, тарифи, команда та FAQ — списки з однаковими полями.

Секція переваг на головній FoXBuilder: спільні заголовок і вступ та впорядковані картки.

Як це налаштувати

1. Створіть загальний HTML-шаблон модуля із секцією @wrapper та шаблон блока @item.
2. Зіставте мітки %heading%, %intro%, %items%, %number%, %title% і %text% з полями редактора.
3. У налаштуваннях екземпляра «Повторювані блоки» оберіть шаблон.
4. Додайте картки переваг, задайте порядок і заповніть переклади.
5. Прив’яжіть екземпляр до мітки [#home_advantages#] і перевірте демо-сайт.

Код шаблону

modules/repeating_blocks/templates/foxbuilder/advantages.html

<!-- @wrapper -->
<section class="fb-advantages">
  <div class="container">
    <h2>%heading%</h2>
    <p>%intro%</p>
    <div class="fb-advantages__grid">%items%</div>
  </div>
</section>
<!-- @item -->
<article class="fb-advantage">
  <span>%number%</span>
  <h3>%title%</h3>
  <p>%text%</p>
</article>

Мітка в шаблоні сторінки

[#home_advantages#]