Для создания обертки используйте следующий код
<section class="l-section l-section--inner-spacing">
<div class="l-section__container">
<div class="l-section__wrap-main">
<div class="l-section__head" data-entity="header">
<div class="section-head">
<div class="section-head__title">
<h2 class="h4">Заголовок</h2>
</div>
<div class="section-head__controls"></div>
</div>
</div>
<div class="l-section__main">
Содержимое
</div>
</div>
</div>
</section>
Либо с помощью php класса
<?php
$layout = new \Redsign\MegaMart\Layouts\Section(); // Создаем объект обертки
$layoutHeader = new \Redsign\MegaMart\Layouts\Parts\SectionHeaderBase(); // Создаем объект шапки обертки
$layoutHeader->addData('TITLE', 'Заголовок'); // Устанавливаем заголовок
$layout
->useHeader($layoutHeader) // Указываем используемую шапку
->addModifier('bg-white') // Добавляем белый фон
->addModifier('outer-spacing') // Внешний отступ
->addModifier('inner-spacing'); // Внутренний отступ
$layout->start();
// Содержимое
$layout->end();
unset($layout);
?>
Показать пример
Для изменения вида обертки предусмотренны следующие модификаторы
inner-spacing
- добавить внутренний отступouter-spacing
- добавить внешний отступbg-white
- добавить белый фонbg-lg
- добавить градиентный фонshadow
- добавить тень