templates/basic/menu_ppal.html.twig line 1

Open in your IDE?
  2.   <nav id="nav" class="header only-desk">
  4.     <div class="bg-blanco">
  5.       <div class="container">
  6.          
  7.         <div class="row">
  8.           
  9.           <div class="col-2 d-flex align-items-center justify-content-center">
  10.               <a href="{{ path('homepage') }}" class="py-4">
  11.                 <img class="logo" src="{{ asset('img/SVG/logo.svg') }}" alt="">
  12.               </a> 
  13.           </div>
  15.           <div class="col-10">
  16.             
  17.             <div class="py-2 d-flex justify-content-end align-items-center nav-1">
  18.                 <div class="nav-item"> 
  19.                   <div class="search-box">
  20.                     <form action="{{ path('buscador') }}">
  21.                     {# buscador desktop #}
  22.                       <input class="search" type="text" placeholder="Buscar" name="search" value="{{ app.request.get('search',"") }}" required>
  23.                       <button><i class="icon-search color-naranja"></i></button>
  24.                     </form>
  25.                   </div> 
  26.                 </div>
  27.                 <div class="nav-item">
  28.                   <button class="btn border"><a href="{{ path('blog') }}">Blog </a></button>
  29.                 </div>
  30.                 <div class="nav-item">
  31.                   <button class="btn btn-naranja"><a href="{{ path('tiendas') }}">Tiendas</a></button>
  32.                 </div>
  33.                 <div class="nav-item">
  34.                   <a class="icon-nav openCar"><i class="icon-carrito"></i></a>
  35.                   <span class="badge_carrito">{{ qi.carritoLength }}</span>
  36.                 </div>
  37.                 {# perfill desktop #}
  38.                 {% if not app.user %}
  39.                 <div class="nav-item">
  40.                   <a class="icon-nav login-display"><i class="icon-person"></i></a>
  41.                 </div>
  42.                 {% else %}
  43.                   <div class="nav-item">
  44.                     <a class="icon-nav login-display"><i class="icon-person"></i></a>
  45.                     <ul class="opciones-usuario">
  46.                       <li>
  47.                         <a href="{{path('mis-datos')}}" class="btn x-grande color-negro border-0 px-2">{{ qi.texto('mis-datos') }}</a>
  48.                       </li>
  49.                       <li>
  50.                           <a href="{{path('mis-compras')}}" class="btn x-grande color- border-0 px-2">{{ qi.texto('mis-pedidos') }}</a>
  51.                       </li>
  52.                       <li>
  53.                           <a href="{{path('mis-direcciones')}}" class="btn x-grande color-negro border-0 px-2">{{ qi.texto('mis-direcciones') }}</a>
  54.                       </li>
  55.                       {# <li>
  56.                         <a href="{{path('mis-compras')}}" class="btn x-grande color-negro border-0 px-2">{{ qi.texto('mis-compras') }}</a>
  57.                       </li> #}
  58.                       <li>
  59.                         <a href="{{path('mis-favoritos')}}" class="btn x-grande color-negro border-0 px-2">{{ qi.texto('mis-favoritos') }}</a>
  60.                       </li>
  61.                       <li>
  62.                         <a  href="javascript:void(0)" class="btn py-1 px-3 mb-1 px-1" id="cerrar_sesion">{{ qi.texto('cerrar-sesion') }}</a>
  63.                       </li>
  64.                     </ul>
  65.                   </div>
  66.                 {% endif %} 
  68.             </div>
  69.             {# desplegable/menuu desktop #}
  70.             <div class="py-2 d-flex justify-content-end align-items-start" > 
  71.               <ul class="items">                                  
  72.                   {% for cat in qi.CategoriasConProductos() %} 
  73.                     <li class="it-busqueda" 
  74.                     {% set clasif = null %} 
  75.                     {# {% if qi.getSubCategoriasConProductos(cat.id) %}data-firmeza="1"{% else %}data-firmeza="0"{% endif %} {% if qi.medidasProducto(cat.id) %}data-medida="1"{% else %}data-medida="0"{% endif %} {% if qi.materialProducto(cat.id) %}data-material="1"{% else %}data-material="0"{% endif %}#} data-id="{{ cat.id }}" data-name="{{cat.nombre}}" data-slug="{{cat.slug}}" {% if qi.getSubCategoriasConProductos(cat.id) and qi.clasificacionespercategoria(cat.id)  %}data-desplegable="1"{% else %}data-desplegable="0"{% endif %} 
  76.                     >
  77.                       <a>
  78.                         <span class="img">
  79.                           <img src="{{ cat.imagen }}" alt=""/>
  80.                         </span>                        
  81.                         <span class="sm {% if idprincipal is defined and idprincipal == cat.id %} active {% endif %}">{{ cat.nombre | raw }}</span> 
  82.                       </a>
  83.                     </li>
  84.                 {% endfor %}
  85.               </ul>
  86.             </div>
  87.           </div>
  89.         </div>
  91.       </div>
  92.     </div>
  93.     
  94.     <!-- AQUÍ ANTES ESTABA basic/busqueda.html.twig -->
  95.   </nav>
  98. <div class="only-mobile">
  99.   <nav class="bg-gris2 pt-2">
  100.     <div class="text-center">
  101.       <a href="/"><img class="logo-menu" src="{{ asset('img/SVG/logo.svg') }}" alt=""></a>
  102.     </div>
  103.     <div class="d-flex justify-content-between align-items-center">
  104.       <a class="icon-nav menu" id="menu-collapse"><img src="{{ asset('img/SVG/menu.svg') }}" alt=""></a>
  105.       <a href="{{ path('blog') }}" class="border rounded border-naranja-1 color-naranja py-1 px-2 font-weight-bold mr-2">Blog</a>
  106.       {# buscador mobile #}
  107.       <a class="icon-nav openSearch"><i class="icon-search"></i><br>
  108.       </a>
  109.       <a class="icon-nav openCar" id="cart" href="#"><i class="icon-carrito"></i><br>
  110.       </a>
  111.       <span class="badge_carrito">{{ qi.carritoLength }}</span>
  112.       {# perfill mobile #}
  113.       {% if not app.user %}
  114.       <a class="icon-nav login-display"><i class="icon-person"></i> <br>
  115.       </a>
  116.       {% endif %}
  118.       {% if app.user %}
  119.         <div class="nav-item">
  120.           <a class="icon-nav login-display" >
  121.             <i class="icon-person"></i>
  122.           </a>
  123.           <ul class="opciones-usuario">
  124.             <li>
  125.               <a href="{{path('mis-datos')}}" class="btn py-1 px-3">{{ qi.texto('mis-datos') }}</a>
  126.             </li>
  127.             <li>
  128.                 <a href="{{path('mis-compras')}}" class="btn py-1 px-3">{{ qi.texto('mis-pedidos') }}</a>
  129.             </li>
  130.             <li>
  131.                 <a href="{{path('mis-direcciones')}}" class="btn py-1 px-3">{{ qi.texto('mis-direcciones') }}</a>
  132.             </li>
  133.             {# <li>
  134.               <a href="{{path('mis-compras')}}" class="btn x-grande color-negro border-0 px-2">{{ qi.texto('mis-compras') }}</a>
  135.             </li> #}
  136.             <li>
  137.               <a href="{{path('mis-favoritos')}}" class="btn py-1 px-3">{{ qi.texto('mis-favoritos') }}</a>
  138.             </li>
  139.             <li>
  140.               <a   href="javascript:void(0)" class="btn py-1 px-3" id="cerrar_sesion">{{ qi.texto('cerrar-sesion') }}</a>
  141.             </li>
  142.           </ul>
  143.         </div>
  144.       {% endif %}
  145.       <!-- <a class="icon-nav menu" id="menu-collapse"><img src="{{ asset('img/SVG/menu.svg') }}" alt=""></a> -->
  146.     </div>
  147.     <div class="buscador-mobile position-absolute">
  148.       <form action="{{ path('buscador') }}" class="d-flex justify-content-center align-items-strech p-2">
  149.         <input type="search" placeholder="Buscar..." name="search" value="{{ app.request.get('search',"") }}" required/>
  150.         <button type="submit" class="p-1">
  151.           <i class="icon-search color-naranja"></i>     
  152.         </button>
  153.       </form>
  154.     </div>
  155.   </nav>
  157.   <div class="menu-mobile bg-gris2">
  159.     {# menuu de mobile #}
  160.     <ul class="pt-3">
  161.       {% for cat in qi.CategoriasConProductos() %}
  162.         {% set medidas = qi.medidasProducto(cat.id)|length %}
  163.         {% set materiales = qi.materialProducto(cat.id)|length %}
  165.         <li class="d-flex justify-content-between align-items-center flex-wrap"> 
  166.         {% set catslug = cat.slug %}
  167.           <a class="item-link" href="{{ path('categoria_slug', {categoria: catslug }) }}">
  168.             <img class="img-iconos" src="{{cat.imagen}}" alt="{{cat.nombre}}"/>
  169.             <span class="medium mb-0">{{ cat.nombre }}</span>
  170.           </a>
  173.           {% if qi.clasificacionespercategoria(cat.id)|length > 0 %}
  174.           <a class="control"><i class="icon-right"></i></a>
  176.           <ul class="submenu bg-naranja">
  177.               {% for div in qi.clasificacionespercategoria(cat.id) %}
  178.                 <li class="d-flex justify-content-between align-items-center flex-wrap">
  179.                   <a class="color-blanco">{{div.nombre|capitalize}}</a>
  180.                   <a class="control">
  181.                     <i class="icon-right"></i>
  182.                   </a>
  183.                   {% set clasif = div.clasificacion.id %}
  184.                   <ul class="submenu bg-naranja px-3">
  185.                   {% for sub in qi.getProductosdesplegable(clasif,cat.id) %}
  186.                     <div class="d-flex align-items-center">
  187.                       <img src="{{sub.icono}}" alt="Icon" class="icono mr-2"> 
  188.                       <a href="{{ sub.enlace }}" class="color-blanco"> {{ sub.nombre|capitalize }} </a>
  189.                     </div>
  190.                   {% endfor %}
  191.                   </ul>
  192.                 </li>
  193.               {% endfor %}
  194.           </ul>
  195.           {% endif %}
  196.         </li>
  197.       {% endfor %}
  198.     </ul>
  200.   </div>
  201. </div>
  203. {{ include('basic/car.html.twig') }}
  204. {% if not app.user %}
  205. {{ include('basic/login-panel.html.twig') }}
  206. {% endif %}