templates/layouts/layouts_front/nav_menu.html.twig line 1

Open in your IDE?
  1. <style>
  2.     #api_error:before {
  3.         content: none !important;
  4.     }
  6.     #api_error {
  7.         padding: 5px;
  8.         height: 60px;
  9.         max-width: 100% !important;
  10.         width: 100% !important;
  11.         display: flex !important;
  12.         justify-content: center !important;
  13.         align-items: center !important;
  14.     }
  16.     #flux .current {
  17.         position: relative;
  18.         width: 100%;
  19.         top: 0;
  20.         left: 0;
  21.         transform: inherit;
  22.     }
  24.     #flux li p {
  25.         transform: inherit;
  26.     }
  28.     @media (max-width: 500px) {
  29.         #flux li p {
  30.             padding: 0;
  31.             font-size: 1em;
  32.         }
  34.         #flux {
  35.             height: 50px;
  36.             padding: 0;
  37.         }
  38.     }
  39. </style>
  40. <section data-bs-version="5.1" class="menu bistro_menu1 cid-sYKQ7yZHbI" once="menu" id="menu1-46">
  41.     {% if api_error %}
  42.         <ul id="flux" data-pos="1" data-nbFlux="1" style="background-color: #17A4A780">
  43.             <li id="flux_1" class="current">
  44.                 <p id="api_error">
  45.                     Nous rencontrons un problème technique, la boutique et l'espace client sont indisponibles.
  46.                 </p>
  47.             </li>
  48.         </ul>
  49.     {% endif %}
  52.     {% include 'layouts/layouts_front/nav/flash_info.html.twig' %}
  54.     <nav id="navbar"
  55.          class="pt-4 pt-xxl-3 navbar navbar-expand-lg navbar-dropdown navbar-fixed-top {% if flashInfo is defined  and flashInfo|length > 0 %}{% endif %}">
  57.         {% set pagesLeft = pagesFirstLevel|length / 2 %}
  58.         {% set pagesLeft = pagesLeft | round %}
  60.         {% if (pagesFirstLevel|length != 4 or pagesFirstLevel|length != 6) and logoInMenu == 'center' %}
  61.             {% set logoInMenu = 'top_center' %}
  62.         {% endif %}
  64.         {# LOGO AU CENTRE AU DESSUS #}
  65.         {% if logoInMenu == 'top_center' %}
  66.             <div class="navbar-brand d-flex d-lg-flex">
  67.                 <span class="navbar-logo">
  68.                     <a href="{{ websiteroot }}">
  69.                         <img class="desktopLogo"
  70.                              src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
  71.                              style="height: 3rem;" loading="lazy" class="lazyload"
  72.                              data-src="{{ asset('medias_front/common/logoHeadMobile.png') }}">
  73.                     </a>
  74.                 </span>
  75.             </div>
  76.         {% endif %}
  78.         <div class="menu_box justify-content-end container-fluid align-items-end pt-5 pt-lg-0">
  79.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse"
  80.                     onclick="togglerMenu()"
  81.                     data-target=".menuCollapse" data-bs-target=".menuCollapse"
  82.                     aria-controls="navbarNavAltMarkup nav_up panierCmt" aria-expanded="false"
  83.                     aria-label="Toggle navigation">
  84.                 <span class="hamburger">
  85.                     <span style="color: red"></span>
  86.                     <span></span>
  87.                     <span></span>
  88.                     <span></span>
  89.                 </span>
  90.             </button>
  93.             <div class="{% if logoInMenu != 'center' %}  collapse justify-content-start navbar-collapse multi-collapse  justify-content-center navMenu{% endif %}"
  94.                  id="navbarSupportedContent">
  96.                 <div id="containerMenuPage" class="d-flex">
  97.                     <div class="icon-nav">
  98.                         <a href="{{ websiteroot }}" class="">
  99.                             <img class="noFadeInUp"
  100.                                  src="{{ asset('/medias_front/common/logo.svg', twigNameSpace) }}"
  101.                                  alt="Logo">
  102.                         </a>
  103.                     </div>
  105.                     <div class="logonav"></div>
  107.                     <div class="d-flex flex-column blocnav">
  108.                         <div class="contentnav chekosnav">
  109.                             {% include '@main-app/layouts/layouts_front/nav_top_menu.html.twig' %}
  110.                         </div>
  111.                         <div class="justify-content-center align-items-end menuhover flex-column">
  112.                             <div class="fondnav"></div>
  113.                             <div class="fondnavNuage"></div>
  114.                             {% include '@main-app/layouts/layouts_front/temp.html.twig' %}
  115.                         </div>
  116.                     </div>
  118.                 </div>
  120.                 {# LOGO AU CENTRE #}
  121.                 {% if logoInMenu == 'center' %}
  123.                     <div class="navbar-brand d-lg-flex">
  124.                     <span class="navbar-logo">
  125.                         <a href="{{ websiteroot }}">
  126.                             <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
  127.                                  style="height: 3rem;" loading="lazy" class="lazyload"
  128.                                  data-src="{{ asset('medias_front/common/logoHead.png') }}">
  129.                         </a>
  130.                     </span>
  131.                     </div>
  133.                 {% endif %}
  135.                 {% if rightMenuActivated %}
  136.                     <div class="offcanvas_box ms-5">
  137.                         <button class="btn_offcanvas" type="button" data-bs-toggle="offcanvas"
  138.                                 data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
  139.                             <div class="hamburger">
  140.                                 <span></span>
  141.                                 <span></span>
  142.                                 <span></span>
  143.                             </div>
  144.                         </button>
  145.                         <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight"
  146.                              aria-labelledby="offcanvasRightLabel">
  147.                             <div class="offcanvas-header">
  148.                                 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
  149.                                         aria-label="Close">
  150.                                 </button>
  151.                             </div>
  152.                             <div class="offcanvas-body">
  153.                                 <div class="offcanvas_image">
  154.                                     <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  155.                                          alt="" style="height: 4rem;" loading="lazy" class="lazyload"
  156.                                          data-src="assets/images/logo2.png">
  157.                                 </div>
  158.                                 <p class="mbr-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur
  159.                                     adipisicing elit. Sit ex voluptatem voluptas aut quod, autem obcaecati
  160.                                     molestiae.</p>
  161.                                 <div class="offcanvas_contact">
  162.                                     <h3 class="mbr-section-subtitle mbr-fonts-style display-5">BistroM5</h3>
  163.                                     <p class="text_widget mb-0 mbr-fonts-style display-4"><a href="#"
  164.                                                                                              class="text-primary">350
  165.                                             5th Ave, New York, NY 10118 </a>
  166.                                         <br><br>
  167.                                         <a href="tel:12345678900" class="text-primary">+1 234-567-8900</a>
  168.                                         <br>
  169.                                         <a href="tel:98765432100" class="text-primary">+9 876-543-2100</a>
  170.                                     </p>
  171.                                 </div>
  172.                                 <div class="icons-menu">
  173.                                     <a class="iconfont-wrapper" href="#" target="_blank">
  174.                                         <span class="p-2 mbr-iconfont socicon-facebook socicon"></span>
  175.                                     </a>
  176.                                     <a class="iconfont-wrapper" href="#" target="_blank">
  177.                                         <span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
  178.                                     </a>
  179.                                     <a class="iconfont-wrapper" href="#" target="_blank">
  180.                                         <span class="p-2 mbr-iconfont socicon-instagram socicon"></span>
  181.                                     </a>
  182.                                     <a class="iconfont-wrapper" href="#" target="_blank">
  183.                                         <span class="p-2 mbr-iconfont socicon-linkedin socicon"></span>
  184.                                     </a>
  185.                                 </div>
  186.                             </div>
  187.                         </div>
  188.                     </div>
  189.                 {% endif %}
  190.             </div>
  191.             <div class="imgMobLogo">
  192.                 <div class="logonav d-flex flex-column align-items-start justify-content-start flex-wrap navMoblogo">
  193.                     <a href="{{ websiteroot }}">
  194.                         <img class="noFadeInUp resize-scroll"
  195.                              src="{{ asset('/medias_front/common/logo.svg',projectDirectory) }}"
  196.                              alt="Logo barege">
  197.                     </a>
  198.                 </div>
  199.             </div>
  200.             {#            {% if isEcommerce == 1 %} #}
  201.             {#                {% include 'layouts/layouts_front/nav/ecommerce.html.twig' %} #}
  202.             {#            {% endif %} #}
  203.         </div>
  204.     </nav>
  205. </section>