Настройка фильтра поиска по дополнительным полям от gameer

Представляю вам хитовую вещь по многочисленным просьбам. Вангую тонны просмотров этому мануалу "кнопка сделай сам v0.5"

Настройка фильтра
Читать, настраивать, достигать нирваны

​

Писал, старался, поэтому хотел бы, чтобы текст и остался у меня на сайте

Признаться, я сам не сразу допер что там к чему, ведь инструкция больше "программистская", чем написана для обычных людей "не в теме", не в обиду Gameer-у.

Тема создана также для возможных примеров, как настроить то или иное значение поиска.

 

Модуль нужен, разумеется. Это настройка.
Пример с филмаксом

Code:

<div class="filter-box">

                    <div class="fb-sect-name">Что вы ищете?</div>
                    <div class="fb-sect flex-row flex-2 fb-checks">
                        <div class="fb-check">
                            <input id="film" name="cat" value="1" type="checkbox">
                            <label for="film">Фильмы </label>
                        </div>
                        <div class="fb-check">
                            <input id="ser" name="cat" value="2" type="checkbox">
                            <label for="ser">Сериалы </label>
                        </div>
                    </div>

<!-- Ищем в категории по ее id 1 или 2. -->

                    <div class="fb-sect-name">Выберите жанр</div>
                    <div class="fb-sect fb-sel">
                        <select name="genre" multiple data-placeholder="Выберите жанр">
                            <option value="боевик">Боевик</option>
                            <option value="комедия">Комедия</option>
                            <option value="ужасы">Ужасы</option>
                            <option value="триллер">Триллер</option>
                            <option value="мелодрама">Мелодрама</option>
                        </select>
                    </div>

<!-- Ищем в доп поле genre указанные значения. это список с возможностью выбрать одновременно несколько значений -->

                    <div class="fb-sect-name">Выбрать что-то</div>
                    <div class="fb-sect fb-sel">
                        <select name="voice" data-placeholder="Выбрать озвучку">
                            <option></option>
                            <option value="den904">Пункт 1</option>
                            <option value="колобок">Пункт 2</option>
                            <option value="хихидок">Пункт 3</option>
                        </select>
                    </div>


<!-- Ищем в доп поле voice указанные значения. это список с возможностью выбрать только одно значение -->

                    <div class="fb-sect-name">Выбрать диапазон</div>
                    <div class="fb-sect flex-row flex-2">
                        <select name="from-year" data-placeholder="от">
                            <option></option>
                            <option value="1985">Пункт 1</option>
                            <option value="1990">Пункт 2</option>
                            <option value="1995">Пункт 3</option>
                        </select>
                        <select name="to-year" data-placeholder="до">
                            <option></option>
                            <option value="2005">Пункт 1</option>
                            <option value="2010">Пункт 2</option>
                            <option value="2020">Пункт 3</option>
                        </select>
                    </div>

<!-- Выбор диапазона от и до в доп поле year через список селект  -->

                    <div class="fb-sect-name">Выбрать диапазон слайдером</div>
                    <div class="fb-sect">
                        <input type="text" name="r-year" id="year" />
                    </div>

<!-- А это выбор диапазона доп поля year с помощью плагина слайдера, встроенного в filmax.  Сам размах диапазона мы указываем в js/filter-xf.js  -->

                    <div class="fb-sect">
                        <input name="l.title" type="text" placeholder="Введите название новости" />
                    </div>

<!-- Поле для ввода. Ищет в названии новости -->

                    <div class="fb-submit flex-row flex-2">
                        <input type="button" data-fieldsearch="submit" value="Поиск">
                        <input type="button" data-fieldsearch="reset" value="Очистить">
                    </div>

                </div>

 

По умолчанию должно сразу сортировать. Где-то ошибка js, надо смотреть консоль браузера на сайте. Скорее всего, как обычно, из-за jquery ниже по коду. Надо попробовать стереть внизу в маин.тпл этот тег {jsfiles}

 

Да. Только что увидел в новых версиях

Code:

<form id="searchform"  action="" data-filtertriger=fieldseacrh>

чтобы искало на лету.

 

В этом дело, см выше.