mfilter2 не сортирует, в урл пишется sort=undefined

КОНСОЛЬ ЧИСТА
Такие в фильтре указаны параметры

&aliases=`resource|pagetitle,ms|price,ms_vendor|name`
&filters=`resource|pagetitle,ms|price,ms_vendor|name`

Такой html

<div class="select-wrapper" id="mse2_sort">
    <div class="dropdown">
      <button onclick="showDropDown()" class="dropbtn">По производителю</button>
      <div id="sortDropDown" class="dropdown-content">
        <label for="sort-1">
            <input type="radio" name="sort" id="sort-1" class="sort [[+mse2_sort:is=``:then=`active`]]" data-sort="ms_vendor|name" value="desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]" data-default="desc">
            <span class="input-box"></span>
            <span class="checkbox-title">По производителю</span>
        </label>         
        <label for="sort-2">
            <input type="radio" name="sort" id="sort-2" class="sort [[+mse2_sort:is=``:then=`active`]]" data-sort="ms|price" value="asc" data-dir="[[+mse2_sort:is=``:then=`asc`]]" data-default="asc">
            <span class="input-box"></span>
            <span class="checkbox-title">По Цене</span>
        </label>
        <label for="sort-3">
            <input type="radio" name="sort" id="sort-3" class="sort [[+mse2_sort:is=``:then=`active`]]" data-sort="ms|price" value="desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]" data-default="desc">
            <span class="input-box"></span>
            <span class="checkbox-title">По убыванию цены</span>
        </label>
        <label for="sort-4">
            <input type="radio" name="sort" id="sort-4" class="sort [[+mse2_sort:is=``:then=`active`]]" data-sort="resource|pagetitle" value="desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]" data-default="desc">
            <span class="input-box"></span>
            <span class="checkbox-title">По наименованию</span>
        </label>  
      </div>
    </div>
</div>

Vladimir

23 августа 2021, 14:48

490

Комментарии: 5

Vladimir

23 августа 2021, 14:50

Бывает срабатывает, по pagetitle но и то странно, и к тому же нельзя обратно выбрать другой фильтр, приходится чистить url, и перезагружать страницу, по цене вообще не фильтрует.

Vladimir

23 августа 2021, 14:59

Хотя если в ручную в параметр sort добавить параметр сортировки он работает, например sort=ms|price:desc, все отлично работает, а нажимая на радио не работает, url=undefined

Андрей

23 августа 2021, 15:15

С дефолтной вёрсткой работает? Скорее всего проблема в радиокнопках. Также там помимо вёрстки нужно ещё js исправить, т.к. по умолчанию там указан тег a:

sort: '#mse2_sort',
sort_link: '#mse2_sort a',

Vladimir

24 августа 2021, 06:26

Дефолтная кокрас была изменена через джс, там стоял option я поставил через параметры вызова плагина

&filterOptions=`{"sort": "#mse2_sort", "sort_link:": "#mse2_sort input"}`

и все равно, не сортирует, делает вид что что-то меняется, но не похоже не на один параметр что я указал, а так же в url не подставляется, так же остается undefined

Vladimir

24 августа 2021, 08:11

В итоге, засунул все в форму под айди mse2_filters и изменил немного радио кнопки и заработало, было бы прикольно будь примеры и объяснения как что делать.

<div class="category__filter" id="mse2_sort">
    <div class="select-wrapper">
        <div class="dropdown">
          <button onclick="showDropDown()" type="button" class="dropbtn">По производителю</button>
          <div id="sortDropDown" class="dropdown-content" >
            <label for="sort-1">
                <input type="radio" name="sort" id="sort-1" class="sort [[+mse2_sort:is=``:then=`active`]]" value="ms_vendor|name:desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]" >
                <span class="input-box"></span>
                <span class="checkbox-title">По производителю</span>
            </label>         
            <label for="sort-2">
                <input type="radio" name="sort" id="sort-2" class="sort [[+mse2_sort:is=``:then=`active`]]" value="ms|price:asc" data-dir="[[+mse2_sort:is=``:then=`asc`]]">
                <span class="input-box"></span>
                <span class="checkbox-title">По Цене</span>
            </label>
            <label for="sort-3">
                <input type="radio" name="sort" id="sort-3" class="sort [[+mse2_sort:is=``:then=`active`]]" value="ms|price:desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]">
                <span class="input-box"></span>
                <span class="checkbox-title">По убыванию цены</span>
            </label>
            <label for="sort-4">
                <input type="radio" name="sort" id="sort-4" class="sort [[+mse2_sort:is=``:then=`active`]]" value="ms_product|pagetitle:desc" data-dir="[[+mse2_sort:is=``:then=`desc`]]">
                <span class="input-box"></span>
                <span class="checkbox-title">По наименованию</span>
            </label>  
          </div>
        </div>
    </div>
    <button class="filters toggle-element hidebody" toggle_element="filters-block">Фильтры</button>
</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.