templates/basic/buscador.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.  {{ include('basic/canales.html.twig') }}
  6.     {% set currentPath = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
  7.     <div id="path" data-val="{{ currentPath }}"></div>
  8.     <div class="categorias">
  9.         {# imagen banner por categorias #}
  10.         {{ include('basic/banner.html.twig') }}
  11.     </div>
  13.     {# banner de firmezas #}
  14.     <div class="control-firmeza d-flex justify-content-between align-items-center px-2 px-md-0">
  15.         {% for sub in subcategorias %}
  16.         <div class="cont-opcion {% if referencia == sub.id %} active {% endif %}" id="sub_{{ sub.id }}">
  17.             {% set slugcategoria = principal.slug %}
  18.             <div class="opcion opciones px-2 px-md-3 px-lg-2 py-3 py-md-4 d-flex justify-content-start justify-content-md-center align-items-center">
  19.                 {% if sub.icono_blanco %}
  20.                     <img class="icon mr-3 mr-md-2 mr-lg-3" src="{{ sub.icono_blanco }}" alt="{{ sub.nombre }}">
  21.                 {% endif %}
  22.                 <h4 class="mb-0">{{ sub.nombre }}</h4>
  23.                 <a href="{{ path('subcategoria_slug', {id_sub: sub.id,subcategoria: sub.slug, categoria_slug: slugcategoria }) }}" ></a>
  24.             </div>
  25.         </div>
  26.         {% endfor %}
  27.         
  28.     </div>
  30.     <div class="container">
  31.         <div class="row">
  33.             <div class="col-12 mt-5 d-md-none filtros-mobile">
  34.                 <div class="d-flex justify-content-between botonera-filtros">
  35.                     <button data-toggle="modal" data-target="#modal-filtro-principal" type="button" class="btn btn-naranja py-3 rounded-0 boton-singular dropdown-toggle"><i class="icon-filtro mr-2"></i><span>Filtros</span></button>
  36.                     <button data-toggle="modal" data-target="#modal-filtro-secundario" type="button" class="btn btn-naranja py-3 rounded-0 boton-singular dropdown-toggle"><i class="icon-filtro mr-2"></i><span>Otros filtros</span></button>
  37.                     {{ include ('basic/filtro-principal-mobile.html.twig') }} 
  38.                     {{ include ('basic/filtro-secundario-mobile.html.twig') }} 
  39.                 </div>
  40.             </div>
  41.             
  42.             <div class="col-12 col-md-4 col-xl-2 filtrar d-none d-md-block mt-3 mb-5">
  43.                 {{ include ('basic/filtros.html.twig') }}   
  44.             </div>
  47.             <div class="col-12 col-md-8 col-xl-10 my-5 px-xl-5">
  48.                 <div class="categ">
  49.                     {# MUESTRA TODOS LOS PRODUCTOS #}
  50.                     {% if productos %}
  51.                     {% for item in productos %}
  53.                     {% if item.visible %}
  54.                         <div class="item d-flex flex-column justify-content-between" data-orden="{{ item.orden }}">
  55.                             {% if principal %}
  56.                                 {% if principal and subcategoria != null %}
  57.                                     <a href="{{ path('producto_slug_subcategoria', {idproducto: item.plu, producto: item.slug, categoria: principal.slug, subcategoria: subcategoria.nombre}) }}">
  58.                                 {% else %}
  59.                                     <a href="{{ path('producto_slug_cat', {idproducto: item.plu, producto: item.slug, categoria: principal.slug}) }}">
  60.                                 {% endif %}
  61.                             {% else %}
  62.                             <a href="{{ path('producto_slug_subcat', {idproducto: item.plu, producto: item.slug}) }}">
  63.                             {% endif %}
  64.                                 <img src="{{ item.imagen ? item.imagen : qi.imagen('imagen-defecto-productos').image }}" alt="{{ item.alt }}" class="w-100"/>
  65.                             </a>
  66.                             <div class="d-flex flex-column justify-content-between body-producto">
  67.                                 <div>
  68.                                     <div class="d-flex justify-content-between">
  69.                                         <h4 class="color-negro w-75">{{ item.nombre }}</h4>
  70.                                         <i class="icon-fav" id="fav_prod{{ item.plu }}" data-id="{{ item.plu }}" data-user="{% if app.user %}1{% endif %}"></i>
  71.                                         <!-- <i class="icon-fav color-gris4" id="fav_prod{{ item.plu }}" data-id="{{ item.plu }}" data-user="{% if app.user %}1{% endif %}"></i> -->
  72.                                     </div>
  73.                                     {% if item.dctoic or item.incarrito == true %}
  74.                                     <p class="color-negro">${{ item.precio | number_format }}</p>
  75.                                     <p class="color-naranja">{{qi.texto('textoprom_incarrito')|raw}}</p>
  76.                                     {% else %}
  77.                                     <p class="color-negro">{% if idprincipal != 3 %}Desde{% endif %} ${{ item.precio | number_format }}</p>
  78.                                     {% endif %}
  79.                                 </div>
  80.                                 <div class="d-flex justify-content-between mt-3 button-cont">
  81.                                     {% if principal %}
  82.                                         {% if principal and subcategoria != null %}
  83.                                             <a href="{{ path('producto_slug_subcategoria', {idproducto: item.plu, producto: item.slug, categoria: principal.slug, subcategoria: subcategoria.nombre}) }}" class="btn btn-gris btn-item">Ver</a>
  84.                                         {% else %}
  85.                                             <a href="{{ path('producto_slug_cat', {idproducto: item.plu, producto: item.slug, categoria: principal.slug}) }}" class="btn btn-gris btn-item">Ver</a>
  86.                                         {% endif %}
  87.                                     {% else %}
  88.                                         <a href="{{ path('producto_slug_subcat', {idproducto: item.plu, producto: item.slug}) }}" class="btn btn-gris btn-item">Ver</a>
  89.                                     {% endif %}
  90.                                     {% if qi.getSetting('probar') == 1 %}
  91.                                         <a href="{{ qi.imagen('probar').link  }}" target="_blank" class="btn btn-naranja btn-item w-50">Probar</a>
  92.                                     {% endif %}
  93.                                 </div>
  94.                             </div>
  95.                         </div>
  96.                     {% endif %}
  97.                     {% endfor %}
  98.                     {% else %}
  99.                     <h4 class="color-amarillo">No hay productos en esa clasificación</h4>
  100.                     {% endif %}
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </div>
  106. {# banner #}
  107.     <div class="container-fluid">
  108.     {# banner_firmeza_porcategoria #}
  109.         {# el campo de esta imagen se llama banner_firmeza_porcategoria_mobile para mobile #}
  110.         <div class="row probar d-flex align-items-center" style="background-image: url('{{qi.imagen('banner_firmeza_porcategoria_desktop').image}}');">
  111.             <div class="col-12 col-xl-4">
  112.                 <h2 class="color-negro">{{qi.imagen('banner_firmeza_porcategoria_desktop').titulo}}</h2>
  113.                 <div>
  114.                     <button class="btn btn-naranja">{{qi.imagen('banner_firmeza_porcategoria_desktop').descripcion|raw}}</button>
  115.                 </div>
  116.             </div>
  117.             {% if qi.setting('animation_mano') == 1%}
  118.             <img class="mano" src="{{qi.imagen('animation_banner_firmeza_porcategoria').image}}" alt="">
  119.             {% endif %}
  120.         </div>
  121.     </div>
  124.     
  126. {% endblock %}
  127. {% block javascripts %}
  128.     <script>
  129.         $('.icon-fav').removeClass('active');
  130.         {% if app.user %}
  131.             {% for item in  qi.getFavoritoUser(app.user) %}
  132.                 $('#fav_prod{{ item.plu }}').addClass('active');
  133.             {% endfor %}
  134.         {% endif %}
  135.     </script>
  137. {% endblock %}