Думаю этот модуль найдет своих пользователей. Выдернул с одного шаблона стили и js, правил файл отвечающий за работу фильтра по доп полям, собрал все в рабочую кучу в виде модуля для DLE и назвал его Smart Xfields Search Engine. Этот модуль позволит добавить на свой сайт симпотичный фильтр по дополнительным полям, работающий на аякс и заточенный под адаптивность. Дабы долго нудно все не расписывать я решил записать видео, демонстрирующее работу модуля.
С компьютера
Со смартфона (демонстрация адаптивности)
Установка:
1. Залить файл с папки /engine/ajax/filter.php в папку /engine/ajax/ на вашем сервере.
2. Содержимое папки /templates/Default/ закинуть в папку с используемым шаблоном
3. Открыть main.tpl вашего шаблона
перед </head> вставить
перед </body> вставить
в нужное место где хотите использовать фильтр вставить
Установка завершена, найденные результаты подгружаются в <div id="content">. Добавить свои доп поля не составит труда, будут вопросы задавайте сюда.
Мини FAQ:
1. У меня год, страна и рейтинг с кинопоиска имеют другие названия доп полей, как правильно переименовать?
Год и рейтинг с кинопоиска меняем в трех местах в filter.tpl, filter.js и filter.css, делаем в текстовом редакторе поиск и замену xf_year и xf_kinopoisk на xf_имядопполя, страну меняем в filter.tpl и filter.js с xf_country на xf_имядопполя. Жанры в фильтре это ваши категории на сайте, проставляем свои id и названия категорий.
2. Как добавить в фильтр еще одно доп поле?
Покажу на примере с качеством. Открываем filter.tpl, ищем в нем
Выше вставляем
Открываем filter.js, ищем
НИЖЕ вставляем
ищем
НИЖЕ вставляем
ищем
РЯДОМ без пробелом вставляем
Фикс для тех у кого шаблон movie-groovie и фильтр не работает:
С компьютера
Со смартфона (демонстрация адаптивности)
Установка:
1. Залить файл с папки /engine/ajax/filter.php в папку /engine/ajax/ на вашем сервере.
2. Содержимое папки /templates/Default/ закинуть в папку с используемым шаблоном
3. Открыть main.tpl вашего шаблона
перед </head> вставить
HTML:
<link href="{THEME}/filter/filter.css" type="text/css" rel="stylesheet">
HTML:
<script type="text/javascript" src="{THEME}/filter/jquery.ui.slider.min.js"></script>
HTML:
<div class="sector nobottom">
{include file="/filter/filter.tpl"}
</div>
<div id="content"></div>Мини FAQ:
1. У меня год, страна и рейтинг с кинопоиска имеют другие названия доп полей, как правильно переименовать?
Год и рейтинг с кинопоиска меняем в трех местах в filter.tpl, filter.js и filter.css, делаем в текстовом редакторе поиск и замену xf_year и xf_kinopoisk на xf_имядопполя, страну меняем в filter.tpl и filter.js с xf_country на xf_имядопполя. Жанры в фильтре это ваши категории на сайте, проставляем свои id и названия категорий.
2. Как добавить в фильтр еще одно доп поле?
Покажу на примере с качеством. Открываем filter.tpl, ищем в нем
HTML:
<div class="butt red">
HTML:
<div class="butt yellow">
<span>Выбрать качество<i class="fa fa-angle-down"></i></span>
<div class="list" id="xf_quality">
<div class="top">Выберите необходимое качество</div>
<button class="cbtn">CamRip</button>
<button class="cbtn">TS</button>
<button class="cbtn">DVDRip</button>
<button class="cbtn">HDRip</button>
<button class="cbtn">BDRip</button>
</div>
</div>
HTML:
xf_country = [],
HTML:
xf_quality = [],
HTML:
i = 0;
$('#xf_country .cbtn').each(function(){
if( $(this).hasClass('active') ) {
xf_country[i] = $(this).html();
i++;
}
});
HTML:
i = 0;
$('#xf_quality .cbtn').each(function(){
if( $(this).hasClass('active') ) {
xf_quality[i] = $(this).html();
i++;
}
});
HTML:
xf_country:xf_country,
HTML:
xf_quality:xf_quality,Фикс для тех у кого шаблон movie-groovie и фильтр не работает:
Открыть main.tpl вашего шаблона, найти там код
заменить на код
HTML:
{jsfiles}
HTML:
<script type="text/javascript" src="/engine/classes/min/index.php?charset=utf-8&g=general&17"></script>
Последнее редактирование:
