mFilter2 - быстрый запуск

Дата публикации: 16 мая 2018

Быстрый вызов mFilter2

Создаем каталог с продукцией.

Вставляем данный код где требуется использовать mFilter2

    [[!mFilter2?
        &element=`mSearch2`
        &parents=`[[*id]]`
    ]]

Делаем фильтрацию по цене с бегунком.

Изначально я создал TV-шку "price".

Далее код:

    [[!mFilter2?
        &element=`mSearch2`
        &parents=`[[*id]]`
        &filters=`tv|price:number`
        &tplFilter.outer.tv|price=`tpl.mFilter2.filter.slider`
        &tplFilter.row.tv|price=`tpl.mFilter2.filter.number`
    ]]

Добавляем обычную фильтрацию по чекбоксам, по любому тв аналогично. В примере довалена фильтрация по двум тв: volume и material

    [[!mFilter2?
        &element=`mSearch2`
        &parents=`[[*id]]`
        &filters=`
            tv|price:number,
            tv|volume,
            tv|material
        `
        &tplFilter.outer.tv|price=`tpl.mFilter2.filter.slider`
        &tplFilter.row.tv|price=`tpl.mFilter2.filter.number`
    ]]

Фильтрация tv через select mFilter2 пример

фильтр select по tv volume_pb

     [[!mFilter2?
        &element=`mSearch2`
        &parents=` [[*id]]`
        &limit=`10`
        &sort=`tv|price_pb:asc`
        &tpl=`tplCategoryGood_pb`
        &includeTVs=`artikul_pb,dverca_pb,img_pb,material_pb,model_pb,price_pb,volume_pb,instock`
        &filters=`
        tv|price_pb:number,
        tv|volume_pb:select,
        tv|material_pb,
        tv|model_pb`
        &tplFilter.outer.tv|price_pb=`tpl.mFilter2.filter.slider`
        &tplFilter.row.tv|price_pb=`tpl.mFilter2.filter.number`
                        
        &tplFilter.outer.tv|volume_pb=`tpl.mFilter2.filter.select`
        &tplFilter.row.tv|volume_pb=`tpl.mFilter2.filter.option`
    ]]

Исправляем подписи полей

- Шестеренка → Управление словарями

- в "Пространсве имен" выбираем "msearch2"

- Нажимаем "создать запись" → в поле имя пишем, то что на выдаче, например "mse2_filter_tv_volume", в значении пишем, то что нам требуется, например "Объем"

- Жмем сохранить

Выводим через свой чанк "tpl" со своими tv

      [[!mFilter2?
        &element=`mSearch2`
        &parents=`[[*id]]`
        &tpl=`tplCategoryGood`
        &includeTVs=`artikul,dverca,material,model,price,volume`
        &filters=`
            tv|price:number,
            tv|volume,
            tv|material
        `
        &tplFilter.outer.tv|price=`tpl.mFilter2.filter.slider`
        &tplFilter.row.tv|price=`tpl.mFilter2.filter.number`
    ]]

Чанк - tplCategoryGood

    <div>
    <h1>[[+pagetitle]]</h1>
    <p>Артикул: [[+artikul_pb]]</p>
    <p>Объем: [[+volume_pb]]</p>
    <p>Материал: [[+material_pb]]</p>
    <p>Дерца: [[+dverca_pb]]</p>
    <p>Цена: [[+price_pb]]</p>
    </div>

Делаем сортировку по цене, по tv "price", по возрастанию

     &sort=`tv|price:asc`

Добавляем свою сортировку, по цене

в чанке "tpl.mFilter2.outer" добавляем "Сортировку по цене".
в данном примере я в div с id="mse2_sort" я закомментировал сортировку по дате публикации, и добавил сортировку по tv "price"

<div id="mse2_sort" class="span5 col-md-5">
    Сотрировать по:
    <!--a href="#" data-sort="resource|publishedon" data-dir="" data-default="desc" 
class="sort">mse2_sort_publishedon <span></span></a-->
    <a href="#" data-sort="tv|price" data-dir="" data-default="desc" class="sort">Стоимости<span></span></a>
</div>