themes/BootstrapChildTheme/SyliusShopBundle/views/Taxon/_horizontalMenu.html.twig line 1

Open in your IDE?
  1. {% macro item(taxon) %}
  2.     {% import _self as macros %}
  4.     {% if taxon.enabledChildren|length > 0 %}
  5.         <div class="ui dropdown item" {{ sylius_test_html_attribute('menu-item') }}>
  6.             <span class="text">{{ taxon.name }}</span>
  7.             <i class="chevron down icon"></i>
  8.             <div class="menu">
  9.                 {% for childTaxon in taxon.enabledChildren %}
  10.                     {{ macros.item(childTaxon) }}
  11.                 {% endfor %}
  12.             </div>
  13.         </div>
  14.     {% else %}
  15.         <a href="{{ path('sylius_shop_product_index', {'slug': taxon.slug, '_locale': taxon.translation.locale}) }}" class="item" {{ sylius_test_html_attribute('menu-item') }}>{{ taxon.name }}</a>
  16.     {% endif %}
  17. {% endmacro %}
  19. {% import _self as macros %}
  21. <div class="col-12 row pl-0 pr-0">
  22.     <div class="col-4">
  23.         <div class="column second_column">
  24.             <a href="{{ path('sylius_shop_homepage') }}"><img src="{{ asset('assets/shop/svg/header_logo.svg') }}" alt="Max" class="ui small image main_logo" /></a>
  25.         </div>
  26.     </div>
  27.     <div class="col-8 pr-0">
  28.         <div class="ui large stackable menu" {{ sylius_test_html_attribute('menu') }}>
  29.             <a href="{{ path('sylius_shop_product_index', {'slug': 'boiteahistoires'}) }}" class="menu-link item mr-2">{{ 'app.ui.storyteller'|trans  }}</a>
  30.             {% set accessoriesProducts = get_products_by_taxon_code('accessories') %}
  31.             {% if accessoriesProducts|length > 0 %}
  32.             <div class="ui dropdown item">
  33.                 <span class="text">{{ 'app.ui.menu_accessories'|trans  }}</span>
  34.                 <i class="chevron down icon"></i>
  35.                 <div class="menu">
  36.                     {% for accessory in accessoriesProducts %}
  37.                         <a href="{{ path('sylius_shop_product_index', {'slug': accessory.slug}) }}" style="color:#FFFFFF !important;" class="item">{{ ('app.ui.menu.' ~ accessory.mainTaxon.code) | trans }}</a>
  38.                     {% endfor %}
  39.                 </div>
  40.             </div>
  41.             {% endif %}
  42.             <a href="{{ path('sylius_shop_product_index', {'slug': 'catalogue'}) }}" class="menu-link item mr-2">{{ 'customStrings.menu.catalogue'|trans  }}</a>
  43.             <a href="{{ path('app_shop_cards') }}" class="menu-link item mr-2">{{ 'customStrings.menu.giftCard'|trans  }}</a>
  44.             <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_index') }}" class="menu-link item mr-2">{{ 'customStrings.menu.blog'|trans  }}</a>
  45.             <div class="right menu_icons item menu-link"><a href="#navigation-search" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="#navigation-search"><img src="{{ asset('assets/shop/img/search.png') }}" class="search-image" alt="search" /></a></div>
  46.             <div class="right menu_icons item menu-link">{{ render(controller('sylius.controller.shop.security_widget:renderAction')) }}</div>
  47.             <div class="right menu_icons item menu-link">{{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widget.html.twig'})) }}</div>
  48.         </div>
  49.     </div>
  50. </div>
  52. <div class="mobile_menu">
  53.     <nav class="navbar navbar-expand-lg navbar-dark visible-xs-block">
  54.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  55.             <span class="navbar-toggler-icon"></span>
  56.         </button>
  57.         <a href="{{ path('sylius_shop_homepage') }}"><img src="{{ asset('assets/shop/svg/header_logo.svg') }}" alt="Max" class="image" height></a>
  58.         <div class="right menu_icons item menu-link"><a href="#navigation-search" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="#navigation-search"><img src="{{ asset('assets/shop/img/search.png') }}" class="search-image" alt="search" /></a></div>
  59.         <!--div class="right menu_icons" data-toggle="collapse" data-target="#navbarNavDropdown">{{ render(controller('sylius.controller.shop.security_widget:renderAction')) }}</div-->
  61.         <div class="right menu_icons"><a href="{{ path('sylius_shop_login') }}" class="item"> <img src="{{ asset('assets/shop/img/account_circleaccount_circle.png') }}" class="profile-image" alt="my account" /></a></div>
  63.         <div class="right menu_icons">{{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widget.html.twig'})) }}</div>
  64.         <div class="collapse navbar-collapse" id="navbarNavDropdown">
  65.             <ul class="navbar-nav">
  66.                 <li class="nav-item font-weight-bold"><a href="{{ path('sylius_shop_product_index', {'slug': 'boiteahistoires'}) }}" class="item">{{ 'app.ui.storyteller'|trans }}</a></li>
  67.                 {% for accessory in accessoriesProducts %}
  68.                     <li class="nav-item font-weight-bold"><a href="{{ path('sylius_shop_product_index', {'slug': accessory.slug}) }}" class="item">{{ ('app.ui.menu.' ~ accessory.mainTaxon.code) | trans }}</a></li>
  69.                 {% endfor %}
  70.                 <li class="nav-item font-weight-bold"><a href="{{ path('sylius_shop_product_index', {'slug': 'catalogue'}) }}" class="item">{{ 'customStrings.menu.catalogue'|trans  }}</a></li>
  71.                 <li class="nav-item font-weight-bold"><a href="{{ path('app_shop_cards') }}" class="item">{{ 'customStrings.menu.giftCard'|trans  }}</a></li>
  72.                 <li class="nav-item font-weight-bold"><a href="{{ path('odiseo_sylius_blog_plugin_shop_article_index') }}" class="item">{{ 'customStrings.menu.blog'|trans  }}</a></li>
  73.             </ul>
  74.         </div>
  75.     </nav>
  76. </div>
  80. {% block javascript_footer %}
  81.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  82.     <script>
  83.         $(document).ready(function(){
  84.             jQuery('.dropdown-item').click(function () {
  85.                 window.location = $(this).attr('href');
  86.             });
  87.         });
  88.     </script>
  89. {% endblock %}