themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Taxon/_horizontalMenu.html.twig line 1

Open in your IDE?
  1. {% macro item(taxon, isChild) %}
  2.     {% import _self as macros %}
  4.     {% if taxon.children|length > 0 %}
  5.         <li class="{% if not isChild -%}navItem{% endif %}" {{ sylius_test_html_attribute('menu-item') }}>
  6.             <a class="navLink" href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale, 'id': taxon.oldId}) }}" title="{{ taxon.name }}" >
  7.                 <span>  {{ taxon.name }}</span>
  8.             </a>
  9.             <div class="subMenu">
  10.                 <div class="sub-menu-top">
  11.                     <div class="container px-0">
  12.                         <div class="row align-items-lg-center">
  13.                            <div class="ss-categ-l col-xl-10 col-lg-9 col-12">
  14.                                 <div class="flex-categ">
  15.                                     <div class="box-flex">
  16.                                         <div class="back_menu"><i class="icon-left-open"></i> {{'sylius.ui.return'|trans}}</div>
  17.                                         <div class="subBloc subBorder">
  18.                                             <div class="row no-gutters ">
  19.                                                 <ul class="sub-product col-12 colum-count-menu">
  20.                                                     {% for childTaxon in taxon.children %}
  21.                                                         {% if childTaxon.enabled and childTaxon.visibleInMenu %}
  22.                                                             <li class=""> <a class="" href="{{ path('sylius_shop_product_index', {'slug': childTaxon.slug, '_locale': childTaxon.translation.locale, 'id': childTaxon.oldId}) }}" title="{{ childTaxon.name }}"><span class="fontsize-normal font-pro-bold text-uppercase"> {{ childTaxon.name }}</span></a></li>
  23.                                                         {% endif %}
  24.                                                         {% if childTaxon.children|length > 0 %}
  25.                                                             {% for childTaxon in childTaxon.children %}
  26.                                                                 {% if childTaxon.enabled and childTaxon.visibleInMenu %}
  27.                                                                     <li> <a class="" href="{{ path('sylius_shop_product_index', {'slug': childTaxon.slug, '_locale': childTaxon.translation.locale, 'id': childTaxon.oldId}) }}" title="{{ childTaxon.name }}">{{ childTaxon.name }}</a></li>
  28.                                                                 {% endif %}
  29.                                                             {% endfor %}
  30.                                                             <li class="pb-lg-4 pb-3"></li>
  31.                                                         {% endif %}
  32.                                                     {% endfor %}
  33.                                                     {% if taxon.enabled and taxon.visibleInMenu %}
  34.                                                         <li class="d-block d-lg-none"><a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale, 'id': taxon.oldId}) }}" title="{{'app.header.voir_tout'|trans}}"class="text-underline font-pro-bold color-pink-s text-capitalize"><i class="icon-eye"></i> {{'app.header.voir_tout'|trans}}</a></li>
  35.                                                     {% endif %}
  36.                                                  </ul>
  37.                                             </div>
  38.                                         </div>
  39.                                     </div>
  40.                                 </div>
  41.                             </div>
  42.                             <div class="ss-categ-r col-xl-2 col-lg-3 col-12 d-lg-block d-none text-center">
  43.                                 {% if taxon.images|length > 1 %}
  44.                                     {% set path = taxon.images[1].path|imagine_filter(filter|default('app_shop_taxon_show_menu')) %}
  45.                                 {% else %}
  46.                                     {% set path = asset('images/imgsscateg.jpg') %}
  47.                                 {% endif %}
  48.                                 <img src="{{ path }}" alt="{{ taxon.name }}" class="" />
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </li>
  55.     {% else %}
  56.         <li class="navItem">
  57.             <a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale, 'id': taxon.oldId}) }}"
  58.                 class="navLink {% if not isChild -%}nav-item{% endif %}" {{ sylius_test_html_attribute('menu-item') }}  title="{{ taxon.name }}"><span>{{ taxon.name }} </span>
  59.             </a>
  60.         </li>
  61.     {% endif %}
  62. {% endmacro %}
  64. {% import _self as macros %}
  65. <ul class="onglets justify-content-md-center" id="mainNavbar">
  66.     {% if taxons|length > 0 %}
  67.         {% for taxon in taxons %}
  68.             {% if  taxon.visibleInMenu == true %}
  69.                 {{ macros.item(taxon) }}
  70.             {% endif %}
  71.         {% endfor %}
  72.     {% endif %}
  73. </ul>