PS 1.7.8.11 Ré-initialisation des filtres lorsqu'on remet un filtre sur la valeur par défaut

[gouna]

Bonjour,

J'ai un soucis avec mon module d'origine Navigation à facette.

Voici le descriptif du problème : 
- en Front Office, on choisi des filtres, tout fonctionne très bien. Si on repasse un filtre sur la valeur nominale (par défaut, dans mon cas "---"), alors l'intégralité des filtres est retiré :

Y a t-il un moyen de régler ce problème ?

Merci.

[Divine]

Bonjour,

Quel thème utilisez-vous ?

[gouna]

Bonjour, c'est le thème BLCK (basé sur Presta Rocket) de Arnaud Merigeau.

[Divine]

Avez-vous essayé de contacter le développeur du thème ? Il se peut en effet que le module soit overridé depuis le thème et que cela pose ce type de problème de fonctionnement, notamment si l'override n'est pas à jour avec la version du module utilisée.

[gouna]

Malheureusement il n'y a pas d'assistance sur ce thème gratuit. Je regarde si le problème est connu avec le thème presta rocket car ils sont très proches.
L'url de la page est réinitialisée en même temps que les filtres sont remis à leur état d'origine.

PS : le problème n'existe qu'avec les filtres par liste, pas de soucis avec les filtres par bouton radio ou case à cocher

Edited October 27 by gouna (see edit history)

[gouna]

L'url de la page est réinitialisée en même temps que les filtres sont remis à leur état d'origine. Avec la version "originale" du module, il n'y a pas la possibilité de réinitialiser les filtres par listing directement dans le listing "---" ; or ici cela serait lié à ce passage :

{block name='facet_item_dropdown'}
                  <div id="facet_{$_expand_id}" class="collpase--facet collapse{if !$_collapse} show{/if}">
                      <select class="custom-select">
                          <option value="">---</option>
                          {foreach from=$facet.filters item="filter"}
                              <option value="{$filter.nextEncodedFacetsURL}" {if $filter.active} selected="selected"{/if}>
                                  {$filter.label}
                                  {if $filter.magnitude and $show_quantities}
                                      ({$filter.magnitude})
                                  {/if}
                              </option>
                          {/foreach}
                      </select>

                  </div>
          {/block}

Voici le contenu du fichier "facets.tpl" dans "thème BLCK"/modules/ps_facetedsearch/views/templates/front/catalog

{if $displayedFacets|count}
  <div id="search_filters" class="search_filters">
    {block name='facets_title'}
      <p class="text-uppercase h6 visible--desktop">{l s='Filtrer :' d='Shop.Theme.Actions'}</p>
    {/block}

    {block name='facets_clearall_button'}
      {if $activeFilters|count}
        <div class="clear-all-wrapper">
          <button data-search-url="{$clear_all_link}" class="btn--clearfilter btn btn-sm btn-block btn-outline-secondary js-search-filters-clear-all">
            <i class="material-icons">&#xE14C;</i>
            {l s='Clear all' d='Shop.Theme.Actions'}
          </button>
        </div>
      {/if}
    {/block}

    {foreach from=$displayedFacets item="facet"}

        {assign var=_expand_id value=10|mt_rand:100000}
        {assign var=_collapse value=true}
        {foreach from=$facet.filters item="filter"}
            {if $filter.active}{assign var=_collapse value=false}{/if}
        {/foreach}
      <section class="facet__block">
          <div class="facet__header">
              <p class="facet__title">{$facet.label}</p>
              <a href="#facet_{$_expand_id}" class="icon-collapse visible--mobile stretched-link" data-toggle="collapse"{if !$_collapse} aria-expanded="true"{/if}>
                  <i class="material-icons">&#xE313;</i>
              </a>
          </div>


        {if in_array($facet.widgetType, ['radio', 'checkbox'])}
          {block name='facet_item_other'}
            <div id="facet_{$_expand_id}" class="collpase--facet collapse{if !$_collapse} show{/if}">
              {foreach from=$facet.filters key=filter_key item="filter"}
                {if !$filter.displayed}
                  {continue}
                {/if}
                  <div class="custom-control custom-{if $facet.multipleSelectionAllowed}checkbox{else}radio{/if}{if isset($filter.properties.color) || isset($filter.properties.texture)} custom-color{/if}{if $filter.active} custom-control--active{/if}">
                      <input
                              id="facet_input_{$_expand_id}_{$filter_key}"
                              data-search-url="{$filter.nextEncodedFacetsURL}"
                              type="{if $facet.multipleSelectionAllowed}checkbox{else}radio{/if}"
                              class="custom-control-input"
                              {if $filter.active } checked{/if}
                      >
                      <label class="custom-control-label" for="facet_input_{$_expand_id}_{$filter_key}">
                          {if isset($filter.properties.color)}
                              <span class="color" style="background-color:{$filter.properties.color}"></span>
                          {elseif isset($filter.properties.texture)}
                              <span class="color texture" style="background-image:url({$filter.properties.texture})"></span>
                          {/if}
                          <span class="color__label">{$filter.label}
                          {*{if $filter.magnitude and $show_quantities}*}
                              {*<span class="magnitude">({$filter.magnitude})</span>*}
                          {*{/if}*}
                          </span>
                      </label>
                  </div>
              {/foreach}
            </div>
          {/block}

        {elseif $facet.widgetType == 'dropdown'}
          {block name='facet_item_dropdown'}
                  <div id="facet_{$_expand_id}" class="collpase--facet collapse{if !$_collapse} show{/if}">
                      <select class="custom-select">
                          <option value="">---</option>
                          {foreach from=$facet.filters item="filter"}
                              <option value="{$filter.nextEncodedFacetsURL}" {if $filter.active} selected="selected"{/if}>
                                  {$filter.label}
                                  {if $filter.magnitude and $show_quantities}
                                      ({$filter.magnitude})
                                  {/if}
                              </option>
                          {/foreach}
                      </select>

                  </div>
          {/block}

        {elseif $facet.widgetType == 'slider'}
          {block name='facet_item_slider'}
            {foreach from=$facet.filters item="filter"}
              <ul id="facet_{$_expand_id}"
                class="faceted-slider"
                data-slider-min="{$facet.properties.min}"
                data-slider-max="{$facet.properties.max}"
                data-slider-id="{$_expand_id}"
                data-slider-values="{$filter.value|@json_encode}"
                data-slider-unit="{$facet.properties.unit}"
                data-slider-label="{$facet.label}"
                data-slider-specifications="{$facet.properties.specifications|@json_encode}"
                data-slider-encoded-url="{$filter.nextEncodedFacetsURL}"
              >
                <li>
                  <p id="facet_label_{$_expand_id}">
                    {$filter.label}
                  </p>

                  <div id="slider-range_{$_expand_id}"></div>
                </li>
              </ul>
            {/foreach}
          {/block}
        {/if}
      </section>
    {/foreach}
  </div>
{/if}

 

Edited October 27 by gouna (see edit history)