custom/plugins/TcinnThemeWareModern/src/Resources/views/storefront/layout/breadcrumb.html.twig line 1

  1. {% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
  2. {# ThemeWare® HC-Architecture® via configuration #}
  4. {# @TODO: prüfen... #}
  6. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  8. {# ThemeWare: Set theme variables #}
  9. {% set twtBreadcrumbCompatibility = theme_config('twt-breadcrumb-compatibility') %}
  10. {% set twtBreadcrumbFurtherInformation = theme_config('twt-breadcrumb-further-information') %}
  11. {% set twtBreadcrumbSeparatorStyle = theme_config('twt-breadcrumb-separator-style') %}
  12. {% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
  14. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  16. {# @TODO: Prüfen, ob "Add wrapper 'breadcrumb-inner-container' around breadcrumb for further formatting" erforderlich ist #}
  18. {# ThemeWare: Changes on the breadcrumb #}
  19. {# HC-Architecture @Doku #}
  20. {% block layout_breadcrumb_list %}
  21.     {% if twtBreadcrumbCompatibility != 1 %}
  22.         <ol class="breadcrumb"
  23.             itemscope
  24.             itemtype="https://schema.org/BreadcrumbList">
  26.             {% block twt_component_listing_breadcrumb_further_information %}
  27.                 {# ThemeWare: Add "Futher information snippet" #}
  28.                 {% if twtBreadcrumbFurtherInformation == 3 or twtBreadcrumbFurtherInformation == 4 or twtBreadcrumbFurtherInformation == 6 %}
  29.                     <div class="breadcrumb-container twt-breadcrumb-further-information">
  30.                         <span>{{ "twt.breadcrumb.furtherInformation"|trans|sw_sanitize }}</span>
  31.                     </div>
  32.                 {% endif %}
  34.                 {# ThemeWare: Add "Home icon" #}
  35.                 {% if twtBreadcrumbFurtherInformation == 2 or twtBreadcrumbFurtherInformation == 4 %}
  36.                     <li class="breadcrumb-item twt-breadcrumb-home-icon"
  37.                         itemprop="itemListElement"
  38.                         itemscope
  39.                         itemtype="https://schema.org/ListItem">
  40.                         <a href="{{ path('frontend.home.page') }}"
  41.                            class="home-link{% if controllerAction is same as('home') %} is-active{% endif %}"
  42.                            title="{{ homeLabel|striptags }}"
  43.                            itemprop="item">
  44.                             <link itemprop="url"
  45.                                   href="{{ path('frontend.home.page') }}">
  46.                             {% sw_icon 'home' %}
  47.                             <span class="breadcrumb-title" itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
  48.                         </a>
  49.                         <meta itemprop="position" content="0">
  50.                     </li>
  51.                 {% endif %}
  53.                 {# ThemeWare: Add "Home link" #}
  54.                 {% if twtBreadcrumbFurtherInformation == 5 or twtBreadcrumbFurtherInformation == 6 %}
  55.                     <li class="breadcrumb-item twt-breadcrumb-home-link"
  56.                         itemprop="itemListElement"
  57.                         itemscope
  58.                         itemtype="https://schema.org/ListItem">
  59.                         <a href="{{ path('frontend.home.page') }}"
  60.                            class="home-link{% if controllerAction is same as('home') %} is-active{% endif %}"
  61.                            title="{{ homeLabel|striptags }}"
  62.                            itemprop="item">
  63.                             <link itemprop="url"
  64.                                   href="{{ path('frontend.home.page') }}">
  65.                             <span class="breadcrumb-title" itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
  66.                         </a>
  67.                         <meta itemprop="position" content="0">
  68.                     </li>
  69.                 {% endif %}
  71.                 {# ThemeWare: Add separator #}
  72.                 {% if (twtBreadcrumbFurtherInformation == 2 or twtBreadcrumbFurtherInformation == 5 or twtBreadcrumbFurtherInformation == 4 or twtBreadcrumbFurtherInformation == 6) and controllerAction is not same as('home') %}
  73.                     <div class="breadcrumb-placeholder">
  74.                         {% if twtBreadcrumbSeparatorStyle == 2 %}
  75.                             {% sw_icon 'arrow-medium-double-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  76.                         {% elseif twtBreadcrumbSeparatorStyle == 3 %}
  77.                             {% sw_icon 'arrow-right' %}
  78.                         {% elseif twtBreadcrumbSeparatorStyle == 10 %}
  79.                             <span class="text slash">/</span>
  80.                         {% elseif twtBreadcrumbSeparatorStyle == 11 %}
  81.                             <span class="text dot">•</span>
  82.                         {% elseif twtBreadcrumbSeparatorStyle == 12 %}
  83.                             <span class="text pipe">|</span>
  84.                         {% elseif twtBreadcrumbSeparatorStyle == 13 %}
  85.                             <span class="text dash">—</span>
  86.                         {% else %}
  87.                             {# Default #}
  88.                             {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  89.                         {% endif %}
  90.                     </div>
  91.                 {% endif %}
  92.             {% endblock %}
  94.             {# Default #}
  95.             {% for breadcrumbCategory in breadcrumbCategories %}
  96.                 {% set key = breadcrumbCategory.id %}
  97.                 {% set name = breadcrumbCategory.translated.name %}
  99.                 {{ block('layout_breadcrumb_list_item') }}
  101.                 {{ block('layout_breadcrumb_placeholder') }}
  102.             {% endfor %}
  103.         </ol>
  105.     {% else %}
  106.         {# Default block #}
  107.         {{ parent() }}
  109.     {% endif %}
  110. {% endblock %}
  113. {# ThemeWare: Change separator icon #}
  114. {# HC-Architecture @Doku #}
  115. {% block layout_breadcrumb_placeholder %}
  116.     {% if twtBreadcrumbCompatibility != 1 %}
  117.         {% if key != breadcrumbKeys|last %}
  118.             <div class="breadcrumb-placeholder">
  119.                 {% if twtBreadcrumbSeparatorStyle == 2 %}
  120.                     {% sw_icon 'arrow-medium-double-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  121.                 {% elseif twtBreadcrumbSeparatorStyle == 3 %}
  122.                     {% sw_icon 'arrow-right' %}
  123.                 {% elseif twtBreadcrumbSeparatorStyle == 10 %}
  124.                     <span class="text slash">/</span>
  125.                 {% elseif twtBreadcrumbSeparatorStyle == 11 %}
  126.                     <span class="text dot">•</span>
  127.                 {% elseif twtBreadcrumbSeparatorStyle == 12 %}
  128.                     <span class="text pipe">|</span>
  129.                 {% elseif twtBreadcrumbSeparatorStyle == 13 %}
  130.                     <span class="text dash">—</span>
  131.                 {% else %}
  132.                     {# Default #}
  133.                     {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  134.                 {% endif %}
  135.             </div>
  136.         {% endif %}
  138.     {% else %}
  139.         {# Default block #}
  140.         {{ parent() }}
  142.     {% endif %}
  143. {% endblock %}