Модуль добавит на сайт симпатичный фильтр по дополнительным полям, работающий на аякс и заточенный под адаптивность. Часть кода было выдернуто с одного шаблона и был изменен файл отвечающий за работу фильтра по доп. полям. Далее все было собрано в рабочую кучу в виде модуля.
Установка:
1. Залить
engine/ajax/filter.php в папку
engine/ajax/ на сервере.
2. Содержимое
templates/Default/ залить в папку шаблона.
3. Открыть
main.tpl шаблона и найти:
</head>
Добавить выше:
<link href="{THEME}/filter/filter.css" type="text/css" rel="stylesheet">
Найти далее:
</body>
Добавить выше:
<script type="text/javascript" src="{THEME}/filter/jquery.ui.slider.min.js"></script>
Добавить в нужное место:
<div class="sector nobottom">{include file="/filter/filter.tpl"}</div>
<div id="content"></div>
Готово!
Найденные результаты будут подгружаются в:
<div id="content">
Добавить свои доп. поля не составит труда.
1. У меня год, страна и рейтинг с Кинопоиска имеют другие названия доп.полей, как правильно переименовать?
Год и рейтинг с кинопоиска меняем в трех местах в
filter.tpl,
filter.js и
filter.css. Делаем в редакторе поиск и замену
xf_year и
xf_kinopoisk на
xf_имядопполя, страну меняем в
filter.tpl и
filter.js с
xf_country на
xf_имядопполя. Жанры в фильтре - это ваши категории на сайте, проставляем свои id и названия категорий.
2. Как добавить в фильтр еще одно доп.поле? Покажу на примере с качеством.
a. Открываем
filter.tpl и находим:
<div class="butt red">
Добавляем выше:
<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>
b. Открываем
filter.js и находим:
xf_country = [],
Добавляем ниже:
xf_quality = [],
Далее ищем:
i = 0;
$('#xf_country .cbtn').each(function(){
if( $(this).hasClass('active') ) {
xf_country[i] = $(this).html();
i++;
}
});
Добавляем ниже:
i = 0;
$('#xf_quality .cbtn').each(function(){
if( $(this).hasClass('active') ) {
xf_quality[i] = $(this).html();
i++;
}
});
Далее ищем:
xf_country:xf_country,
Добавляем РЯДОМ без пробелов:
xf_quality:xf_quality,
Готово!
Установка:
1. Открыть
main.tpl шаблона и найти:
{jsfiles}
Заменить на:
<script type="text/javascript" src="/engine/classes/min/index.php?charset=utf-8&g=general&17"></script>
Готово!
•
Версия DLE: 11.0
•
Кодировка: utf-8
•
Автор: DomiTori
•
Источник
Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Комментариев 2