src/Storefront/Resources/views/storefront/section/cms-section-block-container.html.twig line 1

  1. {% block section_content_block %}
  3.     {% set top = block.marginTop ? block.marginTop : 0 %}
  4.     {% set right = block.marginRight ? block.marginRight : 0 %}
  5.     {% set bottom = block.marginBottom ? block.marginBottom : 0 %}
  6.     {% set left = block.marginLeft ? block.marginLeft : 0 %}
  8.     {% if top or right or bottom or left %}
  9.         {% set padding = top ~ " " ~ right ~ " " ~ bottom ~ " " ~ left %}
  10.     {% endif %}
  12.     {% set blockBgColor = block.backgroundColor %}
  14.     {% set blockClasses = [block.cssClass, 'pos-' ~ block.position, 'cms-block-' ~ block.type] %}
  16.     {% if block.backgroundMedia %}
  17.         {% set blockClasses = ['bg-image']|merge(blockClasses) %}
  18.     {% endif %}
  20.     {% if blockBgColor %}
  21.         {% set blockClasses = ['bg-color']|merge(blockClasses) %}
  22.     {% endif %}
  24.     {% set columns = 3 %}
  25.     {% set isInSidebar = block.sectionPosition == 'sidebar' %}
  26.     {% set sidebarClasses = '' %}
  28.     {% if isInSidebar == true %}
  29.         {% set sidebarClasses = 'has--sidebar' %}
  30.     {% endif %}
  32.     {% if block.visibility is null %}
  33.         {% set visibility = {
  34.             mobile: true,
  35.             tablet: true,
  36.             desktop: true
  37.         } %}
  38.     {% else %}
  39.         {% set visibility = block.visibility %}
  40.     {% endif %}
  42.     {% if not visibility.mobile %}
  43.         {% set blockClasses = ['hidden-mobile']|merge(blockClasses) %}
  44.     {% endif %}
  45.     {% if not visibility.tablet %}
  46.         {% set blockClasses = ['hidden-tablet']|merge(blockClasses) %}
  47.     {% endif %}
  48.     {% if not visibility.desktop %}
  49.         {% set blockClasses = ['hidden-desktop']|merge(blockClasses) %}
  50.     {% endif %}
  52.     <div class="cms-block {{ blockClasses|join(' ') }}"
  53.          style="{% if blockBgColor %} background-color: {{ blockBgColor }};{% endif %}">
  54.         {% block section_content_block_background_image %}
  55.             {% if block.backgroundMedia %}
  56.                 {% sw_thumbnails 'cms-block-background' with {
  57.                     media: block.backgroundMedia,
  58.                     attributes: {
  59.                         class: "cms-block-background media-mode--" ~ block.backgroundMediaMode
  60.                     }
  61.                     } %}
  62.             {% endif %}
  63.         {% endblock %}
  65.         {% block section_content_block_container %}
  66.             <div class="cms-block-container"
  67.                  style="{% if padding %}padding: {{ padding }};{% endif %}">
  69.                 {% block section_content_block_row %}
  70.                     <div class="cms-block-container-row row cms-row {{ sidebarClasses }}">
  71.                         {% sw_include "@Storefront/storefront/block/cms-block-" ~ block.type ~ ".html.twig" ignore missing %}
  72.                     </div>
  73.                 {% endblock %}
  74.             </div>
  75.         {% endblock %}
  76.     </div>
  77. {% endblock %}