custom/plugins/ChespackTheme/src/Resources/views/storefront/page/content/detail.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
  3. {# Added category background image #}
  4. {% block page_content_section %}
  5.     {% if section.name == "category-landing-page-header" or section.name == "category-page-header" %}
  6.         {% set category = page.header.navigation.active %}
  7.         {% if category.media %}
  8.             {% set categoryBg = "background-image: url('" ~ category.media.url ~ "'), linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%); background-repeat: no-repeat; background-position-y: 45px; background-position-x: 80%" %}
  9.         {% else %}
  10.             {% set categoryBg = "background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%); background-repeat: repeat-x; background-position-y: 45px;" %}
  11.         {% endif %}
  13.         <div class="cms-section {{ sectionClasses|join(' ') }}"
  14.              style="{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if categoryBg %}{{ categoryBg }}{% endif %}">
  16.             {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
  17.         </div>
  19.     {% else %}
  20.         <div class="cms-section {{ sectionClasses|join(' ') }}"
  21.              style="{% if sectionBgColor %}background-color: {{ sectionBgColor }};{% endif %}{% if sectionBgImg %}background-image: url({{ sectionBgImg }});background-size: {{ section.backgroundMediaMode }};{% endif %}">
  23.             {% sw_include "@Storefront/storefront/section/cms-section-" ~ section.type ~ ".html.twig" %}
  24.         </div>
  25.     {% endif %}
  26. {% endblock %}