info@enterin.ru +7 (910) 973-41-19 Россия, г. Ярославль

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>
0

Выбрать другую заметку

  1. Загрузка страницы с заданным скроллингом по середине - 11.07.2016
  2. Якорные ссылки с плавной прокруткой - Пример - 15.09.2016
  3. Перенос сайта на другой хостинг Modx revo - 17.08.2017
  4. Перенос дампа MySQL 5.7 в MySQL 5.5 или ишибка #1214 - The used table type doesn't support FULLTEXT indexes - 16.05.2018
  5. Документация getProducts - 8.03.2018
  6. mFilter2 - быстрый запуск - 16.05.2018
  7. mSearch2 - быстрый запуск - 16.05.2018
  8. Автоматическое определение года - PHX Modx Revo, Вывод названий месяцев на русском - 16.05.2018
  9. Документация fastField Modx Revo - плагин для получения поля другого ресурса. - 16.05.2018
  10. MODX Revolution - Каталог ядра в открытом доступе - 1.06.2018
  11. Привязать картинку к ячейке excel - 5.07.2018
  12. Обновление MODX Revolution - 26.07.2018
  13. Перевод с http на https, сайт на ModX Revo, хостинг beget. - 19.12.2018
  14. pdoMenu - Как исключить определенные пункты меню - 5.02.2019
  15. Как вывести количество дочерних элементов modx revo - один из вариантов - 8.08.2019
  16. MigX Modx Revo - быстрый старт. Примеры MigX. - 17.08.2019
  17. Запрет на индексацию ссылок или текста - 15.10.2019
  18. Не выводить текущую новость через getProducts ModX revo - 22.10.2019
  19. Font boosting и проблемы со шрифтом в мобильных браузерах - 28.10.2019
  20. Как написать в техподдержку вКонтакте с компьютера - 13.02.2020
  21. Удобно для SEO, но только MODX REVO - 5.06.2020
  22. Сортировка ресурсов на странице через getProdutcts, как в дереве ресурсов - 28.04.2021
  23. Якорные ссылки на странице с плавной прокруткой. Html, CSS + javascript - 26.05.2021
  24. Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак. - 30.08.2021
  25. Getimagelist modx revo, сортировка в обратном порядке - MIGX - 23.09.2021
  26. Яндекс карта через API - Быстрый старт - 24.09.2021
  27. Проверка подключения jQuery - 10.03.2022