custom/plugins/SchilderSysteme/src/Resources/views/storefront/page/content/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}
  5.      {% block cms_breadcrumb %}
  6.          {% if page.header.navigation.active.level > 1 %}
  7.              <div class="cms-section-default boxed">
  8.                  <div class="cms-block-container">
  9.                      <div class="col-12">
  10.                          <div class="breadcrumb cms-breadcrumb container">
  11.                              {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  12.                                  context: context,
  13.                                  category: page.header.navigation.active
  14.                              } only %}
  15.                          </div>
  16.                      </div>
  17.                  </div>
  18.              </div>
  19.          {% endif %}
  20.      {% endblock %}
  23.   {% block cms_category_headline %}
  24.       {% if page.header.navigation.active.level > 1 %}
  25.           <div class="cms-section-default boxed">
  26.               <div class="cms-block-container">
  27.                   <div class="col-12">
  28.                       <h1 class="category-headline
  29. ">{{ page.header.navigation.active.translated.name }}</h1>
  30.                   </div>
  31.               </div>
  32.           </div>
  33.       {% endif %}
  34.   {% endblock %}
  36.             {% block cms_category_description %}
  37.                 {% if page.header.navigation.active.level > 1 %}
  38.                     {% set imgMediaId = page.header.navigation.active.customFields.custom_category_info_image %}
  39.                     {% set iconMediaId = page.header.navigation.active.customFields.custom_category_info_icon %}
  41.                     {% set description = page.header.navigation.active.customFields.custom_category_info_description %}
  42.                     {% set attribute_1 = page.header.navigation.active.customFields.custom_category_info_attribute_1 %}
  43.                     {% set attribute_2 = page.header.navigation.active.customFields.custom_category_info_attribute_2 %}
  44.                     {% set categoryColor = page.header.navigation.active.customFields.custom_category_info_color %}
  45.                     {% set isBoxHidden = page.header.navigation.active.customFields.custom_category_info_box_hide %}
  50.                     {% if imgMediaId %}
  51.                         {% set media = searchMedia([imgMediaId], context.context) %}
  52.                         {% set img = media.get(imgMediaId) %}
  54.                         {% if iconMediaId %}
  55.                             {% set mediaIcon = searchMedia([iconMediaId], context.context) %}
  56.                             {% set icon = mediaIcon.elements|first %}
  57.                         {% endif %}
  58.                         <div class="category-description-container cms-block-text-on-image col-12">
  59.                             <div class="cms-block bg-image">
  60.                                 <div class="d-flex">
  61.                                     <div class="category-square-name-wrapper {% if isBoxHidden %} d-none {% endif %}"
  62.                                          style="background-color: {{ categoryColor ? categoryColor : '#000000' }}">
  63.                                         <span class="category-name">{{ page.header.navigation.active.translated.name }}</span>
  64.                                     </div>
  65.                                     <img src="{{ img.url }}" class="cms-block-background media-mode--cover">
  66.                                 </div>
  67.                                 <div class="cms-block-container d-none">
  68.                                     <div class="category-description-wrapper d-flex flex-sm-column-reverse col-12 p-0">
  69.                                         <div class="d-flex flex-column flex-sm-row justify-content-between">
  70.                                             <span class="d-flex flex-column-reverse category-description">{{ description|striptags|raw }}</span>
  71.                                             <div class="d-flex">
  72.                                                 {% if iconMediaId %} <img class="category-icon"
  73.                                                                           src="{{ icon.url }}">{% endif %}
  74.                                                 <div class="category-description-attributes d-flex flex-column justify-content-end">
  75.                                                     <span class="attr attr-1">{{ attribute_1 }}</span>
  76.                                                     <span class="attr attr-2">{{ attribute_2 }}</span>
  77.                                                 </div>
  78.                                             </div>
  79.                                         </div>
  80.                                     </div>
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  84.                     {% endif %}
  85.                 {% endif %}
  86.             {% endblock %}