src/Storefront/Resources/views/storefront/page/content/detail.html.twig line 1

  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 %}