templates/basic/filtros.html.twig line 1

Open in your IDE?
  1. {% set route = app.request.attributes.get('_route') %}
  2. {% set params = app.request.attributes.get('_route_params') %}
  3. {% set preciomax = app.request.get('preciomax') %}
  4. {% set preciomin = app.request.get('preciomin') %}
  7. <div class="filtros bg-blanco">
  8.     <!-- <div class="filtrar">
  9.         <button type="button" class="btn border-negro" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseFiltros"><i class="icon-filtro mr-2"></i>Filtrar</button>
  10.     </div> -->
  11.     <div id="collapseExample">
  12.         {% if productos == null %}
  13.         <h2 class="mb-4">Volver a:</h2>
  14.         {% else %}
  15.         <h2 class="mb-4">Filtrar por:</h2>
  16.         {% endif %}
  17.         {% if principal %}
  18.         {# <h3 class="light color-negro pt-5 mb-3">{{principal.nombre}}</h3> #}
  19.         <a href="{{ path('categoria_slug', {categoria: principal.slug}) }}"><h3 class="light color-negro mb-3">{{principal.nombre}}<sup class="ml-2">({{cant}})</sup></h3></a>    
  20.         {% endif %}
  21.         {# filtro por firmeza #}
  22.         {% if productos != null %}
  23.         <ul class="filtro-firmeza mb-4">
  24.             {% for sub in subcategorias %}
  25.                 {% set slugcategoria = sub.categoria %}
  26.                 <li class="{% if referencia == sub.id %} active {% endif %} p-2"><a href="{{ path('subcategoria_slug', {id_sub: sub.id,subcategoria: sub.slug, categoria_slug: slugcategoria }) }}"><h4 class="subtitulo mb-0">{{ sub.nombre }}</h4></a></li>
  27.             {% endfor %}
  28.         </ul>
  29.         <hr>
  30.         {# filtro por precio #}
  31.         <form id="formulario" action="{{ path(route , params) }}" method="get" style="width: 100%">
  32.             <div class="box-price mb-4"> 
  33.                 <h2>Precio</h2>
  34.                 <div class="priceSlider">
  35.                     <div class="min-max-range">
  36.                         <input type="hidden" id="range_input" value="" />
  37.                         <input type="hidden" id="preciomaximo" value="{{preciomaximo}}" />
  38.                         <input type="hidden" id="preciominimo" value="{{preciominimo}}" />
  39.                         <input type="hidden" name="preciomin" id="preciomin" value="{{ preciomin ? preciomin : preciominimo }}">
  40.                         <input type="hidden" name="preciomax" id="preciomax" value="{{ preciomax ? preciomax : preciomaximo }}">
  41.                     </div>                     
  43.                     <div style="clear: both;"></div>  
  44.                     
  45.                 </div> 
  46.             </div>
  47.         </form>
  48.         
  49.         {# demas filtros #}
  51.         {% for key,item in filtros %}
  52.             <div class="mb-4">
  53.                 <h2 class="color-negro mb-3">{{ key }}</h2>
  54.                 <ul class="tipo" data-tipo="{{ qi.slugify(key) }}">
  55.                     {% for val in item %}
  56.                         <li class="{% if val.checked %}active{% endif %} pl-2">
  57.                             <div class="filtro">
  58.                                 <input type="checkbox" {% if val.checked %}checked data-activo="1"{% endif %} data-val="{{val.nombre}}" id="{{qi.slugify(val.nombre)}}"/>
  59.                                 <label for="{{ qi.slugify(val.nombre) }}" class="mb-0 ml-2 py-2">
  60.                                     <h4 class="subtitulo mb-0">{{ val.nombre }}</h4>
  61.                                 </label>
  62.                             </div>
  63.                         </li>
  64.                     {% endfor %}
  65.                 </ul>
  66.             </div>
  67.         {% endfor %}
  69.         {% endif %}
  71.     </div>
  72. </div>