МОДУЛИ

Повторяющиеся блоки

Собирайте списки однотипных элементов и управляйте их порядком.

Назад к модулям
Входит в системуОтдельной позиции в каталоге сейчас нет
FoxCoreCMS
01 / FOXCORECMS

Описание

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

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

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

Когда нужно добавить или переставить карточку, редактор работает с элементом списка, а оформление задаёт шаблон.

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

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

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

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

Преимущества, этапы работы, тарифы, команда и FAQ — все списки с одинаковыми полями.

03 / FOXBUILDER

Пример на демо-сайте

Секция преимуществ на главной 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#]