templates/bundles/SyliusShopBundle/Product/Show/_breadcrumb.html.twig line 1

Open in your IDE?
  1. <div class="ui breadcrumb">
  2.     <a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
  3.     <div class="divider"> / </div>
  4.     {% if product.mainTaxon is not null %}
  5.         {% set taxon = product.mainTaxon %}
  6.         {% set ancestors = taxon.ancestors|reverse %}
  8.         {% for ancestor in ancestors %}
  9.             {% if ancestor.isRoot()  or not ancestor.enabled %}
  10.                 <div class="section">{{ ancestor.name }}</div>
  11.             {% else %}
  12.                 <a href="{{ path('sylius_shop_product_index', {'slug': ancestor.slug, '_locale': ancestor.translation.locale}) }}" class="section">{{ ancestor.name }}</a>
  13.             {% endif %}
  14.             <div class="divider"> / </div>
  15.         {% endfor %}
  17.         {% if taxon.enabled %}
  18.             <a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale}) }}" class="section">{{ taxon.name }}</a>
  19.         {% else %}
  20.             <div class="section">{{ taxon.name }}</div>
  21.         {% endif %}
  22.         <div class="divider"> / </div>
  23.     {% endif %}
  24.     <div class="active section">{{ product.name }}</div>
  25. </div>
  26. <style>
  27.     .ui.breadcrumb {
  28.         font-size: var(--md-fz);
  29.     }
  30.     .ui.breadcrumb a {
  31.         color: #858585;
  32.     }
  33. </style>