vendor/shopware/storefront/Resources/views/storefront/page/content/detail.html.twig line 1

Open in your IDE?
  1. {# @var cmsPage \Shopware\Core\Content\Cms\CmsPageEntity #}
  2. {# @var landingPage \Shopware\Core\Content\LandingPage\LandingPageEntity #}
  3. {% block page_content_sections_inner %}
  4. <div class="cms-sections">
  5. {% for section in cmsPage.sections %}
  6. {% set sectionBgColor = section.backgroundColor %}
  7. {% set sectionBgImg = section.backgroundMedia|sw_encode_media_url %}
  8. {% set sectionBgImgMode = section.backgroundMediaMode %}
  10. {% set sectionClasses = [section.cssClass, 'pos-' ~ section.position, 'cms-section-' ~ section.type] %}
  12. {% if sectionBgImg %}
  13. {% set sectionClasses = ['bg-image']|merge(sectionClasses) %}
  14. {% endif %}
  16. {% if sectionBgColor %}
  17. {% set sectionClasses = ['bg-color']|merge(sectionClasses) %}
  18. {% endif %}
  20. {% if section.visibility is null %}
  21. {% set visibility = {
  22. mobile: true,
  23. tablet: true,
  24. desktop: true
  25. } %}
  26. {% else %}
  27. {% set visibility = section.visibility %}
  28. {% endif %}
  30. {% if not visibility.mobile %}
  31. {% set sectionClasses = ['hidden-mobile']|merge(sectionClasses) %}
  32. {% endif %}
  33. {% if not visibility.tablet %}
  34. {% set sectionClasses = ['hidden-tablet']|merge(sectionClasses) %}
  35. {% endif %}
  36. {% if not visibility.desktop %}
  37. {% set sectionClasses = ['hidden-desktop']|merge(sectionClasses) %}
  38. {% endif %}
  40. {% block page_content_section %}
  41. <div class="cms-section {{ sectionClasses|join(' ') }}"
  42. style="{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if sectionBgImg %}background-image: url({{ sectionBgImg }});background-size: {{ section.backgroundMediaMode }};{% endif %}">
  44. {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
  45. </div>
  46. {% endblock %}
  47. {% endfor %}
  48. </div>
  49. {% endblock %}