vendor/store.shopware.com/moorlfoundation/src/Resources/views/storefront/section/cms-section-moorl-grid.html.twig line 1

Open in your IDE?
  1. {% set layout = section.sizingMode ? section.sizingMode|replace({"_": "-"}) : "container" %}
  2. {% set sectionSpacing = section.customFields.moorl_section_spacing is defined ? section.customFields.moorl_section_spacing : 30 %}
  4. <div class="cms-section-moorl-grid {{ layout }}"
  5.      style="--section-spacing: {{ sectionSpacing / 2 }}px;">
  6.     <div class="row">
  7.         {% for configIndex, configItem in section.customFields.moorl_section_grid_config %}
  8.             {% set sectionPosition = "moorl_grid_#{configIndex}" %}
  9.             {% set blockBehaviour = moorl_block_behaviour(configItem.value, true) %}
  10.             {% set options = {
  11.                 offsetTop: configItem.offsetTop ?: '30px',
  12.                 isSidebar: configItem.isSidebar,
  13.                 isSticky: configItem.isSticky
  14.             } %}
  16.             {% set sectionCss = [
  17.                 "height:100%",
  18.                 "display:flex",
  19.                 "flex-direction:column",
  20.                 "align-items:#{configItem.alignItems}",
  21.                 "justify-content:#{configItem.justifyContent}",
  22.             ] %}
  23.             {% if configItem.isSticky %}
  24.                 {% set sectionCss = [
  25.                     "position:sticky",
  26.                     "top:0"
  27.                 ] %}
  28.             {% endif %}
  30.             <div class="{{ blockBehaviour }}">
  31.                 <div style="{{ sectionCss|join(';')|raw }}" data-moorl-grid
  32.                      data-moorl-grid-options='{{ options|json_encode|raw }}'>
  33.                     {% for block in section.blocks.filterBySectionPosition(sectionPosition) %}
  34.                         {% if configItem.isSidebar %}{{ block.setSectionPosition('sidebar') }}{% endif %}
  35.                         {% sw_include "@Storefront/storefront/section/cms-section-block-container.html.twig" ignore missing %}
  36.                     {% endfor %}
  37.                 </div>
  38.             </div>
  39.         {% endfor %}
  40.     </div>
  41. </div>