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

Open in your IDE?
  1. {% block layout_breadcrumb_inner %}
  2.     {% if category %}
  3.         {% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
  4.         {% set categoryId = category.id %}
  6.         {% if breadcrumbCategories|length > 0 %}
  7.             <nav aria-label="breadcrumb">
  8.                 {% block layout_breadcrumb_list %}
  9.                     <ol class="breadcrumb m-0"
  10.                         itemscope
  11.                         itemtype="https://schema.org/BreadcrumbList">
  13.                         <li style="height: 1rem;">
  14.                             <a href="/" class="mr-3">
  15.                                 <div class="breadcrumb-placeholder">
  16.                                     <i class="fas fa-home"></i>
  17.                                 </div>
  18.                             </a>
  19.                         </li>
  21.                         <div class="breadcrumb-placeholder home-breadcrumb">
  22.                             {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  23.                         </div>
  25.                         {% for breadcrumbCategory in breadcrumbCategories %}
  26.                             {% set key = breadcrumbCategory.id %}
  27.                             {% set name = breadcrumbCategory.translated.name %}
  29.                             {% block layout_breadcrumb_list_item %}
  30.                                 <li class="breadcrumb-item"
  31.                                     {% if key is same as(categoryId) %}aria-current="page"{% endif %}
  32.                                         {% if breadcrumbCategory.type != 'folder' %}
  33.                                     itemprop="itemListElement"
  34.                                     itemscope
  35.                                     itemtype="https://schema.org/ListItem"
  36.                                         {% endif %}>
  37.                                     {% if breadcrumbCategory.type == 'folder' %}
  38.                                         <div>{{ name }}</div>
  39.                                     {% else %}
  40.                                         {% if loop.last and not page.product %}
  41.                                             <span class="breadcrumb-title" itemprop="name">{{ name }}</span>
  42.                                         {% else %}
  43.                                             <a href="{{ category_url(breadcrumbCategory) }}"
  44.                                                class="breadcrumb-link"
  45.                                                title="{{ name }}"
  46.                                                {% if category_linknewtab(breadcrumbCategory) %}target="_blank"{% endif %}
  47.                                                itemprop="item">
  48.                                                 <link itemprop="url"
  49.                                                       href="{{ category_url(breadcrumbCategory) }}"/>
  50.                                                 <span class="breadcrumb-title" itemprop="name">{{ name }}</span>
  51.                                             </a>
  52.                                         {% endif %}
  53.                                         <meta itemprop="position" content="{{ loop.index }}"/>
  54.                                     {% endif %}
  55.                                 </li>
  56.                             {% endblock %}
  58.                             {% block layout_breadcrumb_placeholder %}
  59.                                 {% if not loop.last %}
  60.                                     <div class="breadcrumb-placeholder">
  61.                                         {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  62.                                     </div>
  63.                                 {% endif %}
  64.                             {% endblock %}
  65.                         {% endfor %}
  67.                         {% if page.product %}
  68.                             <div class="breadcrumb-placeholder">
  69.                                 {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  70.                             </div>
  72.                             <li>
  73.                                 <div class="breadcrumb-placeholder">
  74.                                     {{ page.product.translated.name|u.truncate(60, '...', false) }}
  75.                                 </div>
  76.                             </li>
  77.                         {% endif %}
  78.                     </ol>
  79.                 {% endblock %}
  80.             </nav>
  81.         {% endif %}
  82.     {% endif %}
  83. {% endblock %}