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

Open in your IDE?
  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 %}