templates/app/partials/navigation/_breadcrumbs.html.twig line 1

Open in your IDE?
  1. {# Branches > Voedingsindustrie > item 3 > current #}
  2. {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  4. <div class="relative lg:container">
  5.     <div
  6.         class="{{ hideOnMobile is defined and hideOnMobile is true ? 'hidden md:block' : '' }} lg:absolute lg:left-0 lg:z-10"
  7.     >
  8.         <div class="container hidden py-4 mx-auto text-sm font-bold text-gray-800 md:text-base lg:block ">
  9.             <ul class="flex flex-row items-center">
  10.                 {% for breadCrumb in page.breadCrumbs %}
  11.                     {% if breadCrumb.item|default(null) %}
  12.                         <li class="flex flex-row items-center">
  13.                             {% if loop.first %}
  14.                                 <a href="{{ breadCrumb.item | trimUrl }}">
  15.                                     <svg class="relative -top-[1px]" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#8A8D94" fill-rule="evenodd" d="M13.80032 14.39996h-3.20008V9.59984H5.80012v4.80012H2.60004V5.99974999l5.60014-4.200105 5.60014 4.200105V14.39996Zm1.280032-9.44023601-6.40016-4.80012c-.2840071-.21280532-.6760169-.21280532-.960024 0l-6.40016 4.80012C1.11840296 5.11092777 1 5.34773369 1 5.59973999V15.19998c0 .4424111.35840896.80002.80002.80002h12.80032c.4424111 0 .80002-.3576089.80002-.80002V5.59973999c0-.2520063-.118403-.48881222-.320008-.640016Z"/></svg>
  16.                                 </a>
  17.                             {% elseif breadCrumb.item %}
  18.                                 <a href="{{ breadCrumb.item | trimUrl }}" class="first-letter:capitalize">
  19.                                     {% if breadCrumb.name ends with ' | Coolworld' %}
  20.                                         {{ breadCrumb.name|slice(0, -12) }}
  21.                                     {% else %}
  22.                                         {{ breadCrumb.name }}
  23.                                     {% endif %}
  24.                                 </a>
  25.                             {% else %}
  26.                                 <span class="first-letter:capitalize">{{ breadCrumb.name }}</span>
  27.                             {% endif %}
  29.                             {% if not loop.last %}
  30.                                 <svg class="rotate-180 mx-2.5" width="0.858em" height="0.858em" fill="currentColor" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.685.344.722 7.075C.474 7.315.333 7.65.333 8c0 .35.14.685.389.925l6.963 6.732a1.206 1.206 0 0 0 1.749-.068l.09-.113a1.297 1.297 0 0 0-.154-1.67L3.36 8 9.37 2.193A1.295 1.295 0 0 0 9.434.41 1.205 1.205 0 0 0 7.685.344Z"/></svg>
  31.                             {% endif %}
  32.                         </li>
  33.                     {% endif %}
  34.                 {% endfor %}
  35.             </ul>
  36.         </div>
  37.         {% for breadCrumb in page.breadCrumbs | reverse %}
  38.             {# Skip the fist (last originally because reversed) because that's the current page. #}
  39.             {# Make sure the parent is a page, not a folder using breadCrumb.item. #}
  40.             {#{% if document.parent and document.parent is instanceof('\\Pimcore\\Model\\Document\\Page') %}#}
  41.             {% if not loop.first and breadCrumb.item %}
  42.                 <!-- The previous button for on mobile -->
  43.                 <a
  44.                     {#href="{{ document.parent.path | trimUrl }}"#}
  45.                     href="{{ breadCrumb.item | trimUrl }}"
  46.                     class="flex items-center h-full px-5 py-2 text-sm font-bold text-gray-800 md:py-3 lg:hidden md:text-base"
  47.                 >
  48.                     <span class="block w-2.5 h-4 mr-4">
  49.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill="#8A8D94" fill-rule="evenodd" d="M7.685.344.722 7.075C.474 7.315.333 7.65.333 8c0 .35.14.685.389.925l6.963 6.732a1.206 1.206 0 0 0 1.749-.068l.09-.113a1.297 1.297 0 0 0-.154-1.67L3.36 8 9.37 2.193A1.295 1.295 0 0 0 9.434.41 1.205 1.205 0 0 0 7.685.344Z"/></svg>
  50.                     </span>
  51.                     <span>
  52.                         {#{{ document.parent.getProperty('navigation_name') ?: document.parent.title ?: document.parent.key }}#}
  53.                         {{ breadCrumb.name}}
  54.                     </span>
  55.                 </a>
  56.                 {% break %}
  57.             {% endif %}
  58.         {% endfor %}
  59.     </div>
  60. </div>
  62. <script type="application/ld+json">
  63.     {
  64.         "@context": "https://schema.org",
  65.         "@type": "BreadcrumbList",
  66.         "itemListElement": [
  67.             {% for breadCrumb in page.breadCrumbs %}
  68.             {
  69.                 "@type": "ListItem",
  70.                 "position": {{ loop.index }},
  71.                 "name": "{{ breadCrumb.name }}"{% if breadCrumb.item %},{% endif %}
  72.                 {% if breadCrumb.item %}
  73.                     "item": "{{ breadCrumb.item }}"
  74.                 {% endif %}
  75.             }{% if not loop.last %},{% endif %}
  76.             {% endfor %}
  77.         ]
  78.     }
  79. </script>