Jump to content

[SOLUCIONADO] Ayuda con selector CSS


Recommended Posts

estamos aplicando el módulo de facetas en prestashop, el mismo nos arroja un bug en el cual aparece por duplicado en inglés la expresión "en stock", queremos eliminarla y navegando hemos encontrado que es posible mediante css aplicarle un display: none, sin embargo no sabemos muy bien qué selector aplicar al respecto

Parece ser que es una clase que se va generando de forma dinámica en cada una de las categorías de productos que tenemos en nuestra web, de tal manera que no nos vale con seleccionar la clase en específico, ya que en cada categoría cambia

el código es el siguiente:

 

<div id="search_filters_wrapper" class="hidden-sm-down _mPS2id-t mPS2id-target mPS2id-target-first mPS2id-target-last">
  <div id="search_filter_controls" class="hidden-md-up">
      <span id="_mobile_search_filters_clear_all"></span>
      <button class="btn btn-secondary ok">
        <i class="material-icons rtl-no-flip"></i>
        OK
      </button>
  </div>
            <div id="search_filters">
    
      <p class="text-uppercase h6 hidden-sm-down">Filtrar por</p>

          <section class="facet clearfix">
        <p class="h6 facet-title hidden-sm-down">Precio</p>
                                          
        <div class="title hidden-md-up" data-target="#facet_83566" data-toggle="collapse">
          <p class="h6 facet-title">Precio</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add"></i>
            <i class="material-icons remove"></i>
          </span>
        </div>

                  
                          <ul id="facet_83566" class="faceted-slider collapse" data-slider-min="44" data-slider-max="115" data-slider-id="83566" data-slider-values="null" data-slider-unit="€" data-slider-label="Precio" data-slider-specifications="{&quot;symbol&quot;:[&quot;,&quot;,&quot;.&quot;,&quot;;&quot;,&quot;%&quot;,&quot;-&quot;,&quot;+&quot;,&quot;E&quot;,&quot;\u00d7&quot;,&quot;\u2030&quot;,&quot;\u221e&quot;,&quot;NaN&quot;],&quot;currencyCode&quot;:&quot;EUR&quot;,&quot;currencySymbol&quot;:&quot;\u20ac&quot;,&quot;positivePattern&quot;:&quot;#,##0.00\u00a0\u00a4&quot;,&quot;negativePattern&quot;:&quot;-#,##0.00\u00a0\u00a4&quot;,&quot;maxFractionDigits&quot;:2,&quot;minFractionDigits&quot;:2,&quot;groupingUsed&quot;:true,&quot;primaryGroupSize&quot;:3,&quot;secondaryGroupSize&quot;:3}" data-slider-encoded-url="https://asalvo.com/es/andadores">
                <li>
                  <p id="facet_label_83566">44,00&nbsp;€ - 115,00&nbsp;€</p>

                  <div id="slider-range_83566" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%;"></a></div>
                </li>
              </ul>
                      
              </section>
          <section class="facet clearfix">
        <p class="h6 facet-title hidden-sm-down">Disponibilidad</p>
                                                                              
        <div class="title hidden-md-up" data-target="#facet_38668" data-toggle="collapse">
          <p class="h6 facet-title">Disponibilidad</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add"></i>
            <i class="material-icons remove"></i>
          </span>
        </div>

                  
            <ul id="facet_38668" class="collapse">
                 ---- ÉSTE ES EL ELEMENTO QUE QUEREMOS OCULTAR -------             
                <li>
                  <label class="facet-label" for="facet_input_38668_0">
                                          <span class="custom-checkbox">
                        <input id="facet_input_38668_0" data-search-url="https://asalvo.com/es/andadores?q=Disponibilidad-Available" type="checkbox">
                                                  <span class="ps-shown-by-js"><i class="material-icons rtl-no-flip checkbox-checked"></i></span>
                                              </span>
                    
                    <a href="https://asalvo.com/es/andadores?q=Disponibilidad-Available" class="_gray-darker search-link js-search-link" rel="nofollow">
                      Available
                                              <span class="magnitude">(13)</span>
                                          </a>
                  </label>
                </li>
                
                ---------------------------------------------------------
                              
                <li>
                  <label class="facet-label" for="facet_input_38668_1">
                                          <span class="custom-checkbox">
                        <input id="facet_input_38668_1" data-search-url="https://asalvo.com/es/andadores?q=Disponibilidad-En+stock" type="checkbox">
                                                  <span class="ps-shown-by-js"><i class="material-icons rtl-no-flip checkbox-checked"></i></span>
                                              </span>
                    
                    <a href="https://asalvo.com/es/andadores?q=Disponibilidad-En+stock" class="_gray-darker search-link js-search-link" rel="nofollow">
                      En stock
                                              <span class="magnitude">(13)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_38668_2">
                                          <span class="custom-checkbox">
                        <input id="facet_input_38668_2" data-search-url="https://asalvo.com/es/andadores?q=Disponibilidad-No+disponible" type="checkbox">
                                                  <span class="ps-shown-by-js"><i class="material-icons rtl-no-flip checkbox-checked"></i></span>
                                              </span>
                    
                    <a href="https://asalvo.com/es/andadores?q=Disponibilidad-No+disponible" class="_gray-darker search-link js-search-link" rel="nofollow">
                      No disponible
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
      </div>





</div>

A ver si podéis ayudarme ¡gracias!

Edited by Juanaco (see edit history)
Link to comment
Share on other sites

12 hours ago, Yelish said:

Que aparezca por duplicado es extraño. Me puedes aportar la versión de tu Prestashop para ver si puedo ayudarte.

Un saludo.

Hola! nuestra versión es la 1.7.6.4

No entendemos porqué ocurre este extraño bug, no sé si puede solucionarse tocando directamente el código del módulo o algo

Cualquier detalle que sepáis al respecto no dudéis en comentarmelo_!

 

Link to comment
Share on other sites

Buenos días, encontré este post en inglés que quizás te ayude, parece ser que existen bugs en ese módulo para la versión pestashop 1.7.6.4, yo personalmente en las webs que mantengo como demos tengo versiones 1.7.8.5 o más altas y no vi ese bug.

Aquí tienes el enlace, https://www.prestashop.com/forums/topic/1021601-bug-faceted-search-doesnt-filter-products-with-attributes-stock-0/

Un saludo y no dudes en comentar si necesitas ayuda.

Link to comment
Share on other sites

22 hours ago, Yelish said:

Buenos días, encontré este post en inglés que quizás te ayude, parece ser que existen bugs en ese módulo para la versión pestashop 1.7.6.4, yo personalmente en las webs que mantengo como demos tengo versiones 1.7.8.5 o más altas y no vi ese bug.

Aquí tienes el enlace, https://www.prestashop.com/forums/topic/1021601-bug-faceted-search-doesnt-filter-products-with-attributes-stock-0/

Un saludo y no dudes en comentar si necesitas ayuda.

Hola Yelish, lo que estoy viendo es que la única opción entonces es actualizar la versión de la tienda? para nosotros no sería muy buena alternativa ya que la última vez que intentamos actualizar se nos trastocó la tienda completamente, no sé si existe alguna otra solución al respecto

Link to comment
Share on other sites

1 minute ago, Yelish said:

Buenos días, pásame la url de tu tienda y le echaré un vistazo, veré también si se puede tocar algo en el módulo para que no tengas que actualizar. Un saludo.

https://asalvo.com/es/

lo que si es que no tenemos ahora mismo activo el módulo, quieres que esté activo? y realmente no sé si podemos tocar algo en los archivos del módulo para ocultar ese extraño bug 

Link to comment
Share on other sites

Buenas. Necesitaría que estuviera activo aunque sea 10 minutos con eso basta para que vea por mi mismo donde está el problema y ver si se puede hacer algo. En principio no pasa nada si todo se reduce a cambiar minimamente una plantilla que es lo que quiero ver, básicamente.

Ya me avisas. Un saludo.

Link to comment
Share on other sites

Disculpa, no lo actives, no hace falta. Acabo de comprobar que tengo aquí una versión de Prestashop 1.7.8.5 instalada en modo local y he podido comprobar que tiene el bug así que lo puedo mirar directamente aquí. Dame un tiempo y ya te digo algo.

Link to comment
Share on other sites

34 minutes ago, Yelish said:

Disculpa, no lo actives, no hace falta. Acabo de comprobar que tengo aquí una versión de Prestashop 1.7.8.5 instalada en modo local y he podido comprobar que tiene el bug así que lo puedo mirar directamente aquí. Dame un tiempo y ya te digo algo.

Vale perfecto, muchas gracias!

Link to comment
Share on other sites

Bueno, creo que puedo arreglar tu incidencia con un cambio en un template del módulo ps_facetedsearch. En concreto es la plantilla situada en:

ps_facetedsearch/views/templates/front/catalog/facets.tpl

Más o menos por la línea 57 encontrarás este código:

                {if !$filter.displayed}
                  {continue}
                {/if}

Sustituyeló por este otro:

                {if !$filter.displayed || ($facet.type=='availability' && $filter@iteration==1)}
                  {continue}
                {/if}

Por supuesto debes permitir que tu tienda vuelva a compilar la plantilla, eliminando el caché o eligiendo la opción 'Recompilar las plantillas cuando los archivos sean modificados'. He podido comprobar en mi servidor local que funciona. Ya me comentas. Un saludo y buen día.

Link to comment
Share on other sites

3 minutes ago, Yelish said:

Bueno, creo que puedo arreglar tu incidencia con un cambio en un template del módulo ps_facetedsearch. En concreto es la plantilla situada en:

ps_facetedsearch/views/templates/front/catalog/facets.tpl

Más o menos por la línea 57 encontrarás este código:

                {if !$filter.displayed}
                  {continue}
                {/if}

Sustituyeló por este otro:

                {if !$filter.displayed || ($facet.type=='availability' && $filter@iteration==1)}
                  {continue}
                {/if}

Por supuesto debes permitir que tu tienda vuelva a compilar la plantilla, eliminando el caché o eligiendo la opción 'Recompilar las plantillas cuando los archivos sean modificados'. He podido comprobar en mi servidor local que funciona. Ya me comentas. Un saludo y buen día.

Vale gracias! lo probaré y veré si funciona

Link to comment
Share on other sites

  • Juanaco changed the title to [SOLUCIONADO] Ayuda con selector CSS

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...