Jump to content

Edit History

Juanaco

Juanaco

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!

Juanaco

Juanaco

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!

×
×
  • Create New...