vendor/shopware/storefront/Resources/views/storefront/section/cms-section-block-container.html.twig line 76

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