Сніпет для виведення блоку з налаштувань сортування і вибору кількості товарів на сторінці.
Сніпет для формування блоку сортування. З приємних речей.
ownerTpl - Основна верстка блоку.
Плейсхолдери [+class+] [+display.block+] [+sort.block+] [+sort.direction+]
.
Приклад: <div class="[+class+]">[+display.block+][+sort.block+]</div>
displayOwnerTpl - верстка блоку для вибору кількості елементів на сторінці. Плейсхолдери: [+class+]">[+wrapper+] Приклад: Пример:
displayRowTpl - Шаблон виведення рядка. ( option для селекту або тег a для блоку).
Плейсхолдери: [+value+],[+selected+],[+data+],[+class+],[+caption+]
Приклад: <option value="[+value+]" [+selected+] >[+caption+]</option>
Приклад: <a [+data+] class="[+class+]">[+caption+]</a>
sortOwnerTpl - обгортка блоку для вибору поля за яким елементи сортуються на сторінці.
Плейсхолдери: [+wrapper+]
Приклад: <ul>[+wrapper+]</ul>
sortRowTpl - Шаблон виведення посилання для вибору поля.
Плейсхолдери: [+class+],[+data+] [+caption+]
Приклад: <a class="[+class+]" [+data+]>[+caption+]</a>
[+up+][+down+]
up - сортування asc
down - сортування desc[+class+][+data+]
class - css клас
data - Дата атрибут data-value в якому зберігається поточне поле а напрямок сортування asc. Приклад price: asc[+class+][+data+]
class - css клас
data - Дата атрибут data-value в якому зберігається поточне поле а напрямок сортування asc. Приклад price: desc<div id="eFiltr_results_wrapper">
<div class="eFiltr_loader"></div>
<div id="eFiltr_results">
</div>
</div>
Обробляється клік по елементу з класом set-display-field. Якщо це тег a (посилання) і подія click, то інформація про кількість береться з дата атрибута. Якщо ця подія change інформація береться з атрибуту value елемента option. Далі ajax запит з параметром sortDisplay і значенням. Якщо ajax відключений, то оновлення сторінки.
Обробляється клік по елементу з класом set-sort-field. Якщо це тег a (посилання) і подія click то інформація про поле і напрямок береться з дата атрибута. Якщо ця подія change інформація береться з атрибуту value елмента option. Далі ajax запит з параметром sortBy і значенням. Якщо ajax відключений то оновлення сторінки.
[!evoSortBlock?
&ownerTpl=`<div class="sorting-block__filters [+class+]"><form action="#">[+display.block+][+sort.block+]</form></div>`
&displayOwnerTpl=`<div class="sorting-block__filters-amount"><span class="sorting-block__filters-label">Показывать:</span><div class="sorting-block__select"><div class="inline-select"><select class="decor-select js-select[+class+]">[+wrapper+]</select></div></div></div>`
&sortOwnerTpl=`<div class="sorting-block__filters-type"><span class="sorting-block__filters-label sorting-block__filters-label--type">Сортувати:</span><div class="sorting-block__filters-block"><span class="sorting-block__filters-mobile-active"><span class="sorting-block__filters-mobile-active-inner">По популярності</span></span><ul class="sorting-block__filters-list">[+wrapper+]</ul></div></div>`
&sortRowTpl=`<li class="sorting-block__filters-item"><a href="/ua/04_extras/efilter/04_snippet_evosortblock.html#" [+data+] [+selected+] class="sorting-block__filters-link [+class+]">[+caption+]</a></li>`
&sortActiveClass=`is-active`
&sortConfig=`Назва==pagetitle||Дата надходження==menuindex||Ціна==price`
&ajax=`1`
!]