Рассмотрим как можно сделать выпадающий список свойств в умном фильтре Битрикс, вместо стандартного chekbox. Нужно это дастаточно редко однако случается.
В начале было вот так:
Станет вот так:
Для начала копируем шаблон стандартного smart.filter в папку со своим шаблоном сайта и подключаем его в шаблоне комплексного компонента каталога, заменив соответствующую строку в файле section.php.
Далее открываете шаблон компонента умного фильтра smart.filter . Для этого заходите в свой шаблон, например, /bitrix/templates/.default/components/bitrix/catalog.smart.fitr/myfilter и изменяете следующие файлы:
В файле script.js изменяете 2 метода click и reload:
Метод clickSelect() на этот :
Метод Метод reloadSelect():
В файле template.php находим часть которая выводит инпуты с чекбоксами, примерно 147-я строка и полностью заменяем на:
И в самый конец template.php вставляем скрипт который поможет стандартному AJAX понять какие параметры ему предаются. Для каждого списка обработчик свой:
<script>
$(document).ready(function(){
<? //Формируем дополнительные jquery обработчики для select-ов
foreach($arResult["ITEMS"] as $key=>$arItem) {
if(!empty($arItem["VALUES"]) && !isset($arItem["PRICE"])) {
?>
//Проставляем name select-ам с уже выбранными свойствами
setTimeout(function(){
var SelectOption = $("#<?=$arItem['CODE']; ?> option:selected").attr('id');
$("#<?=$arItem['CODE']; ?>").attr('name',SelectOption);
},1500);
//заполнение name с реакцией на change
$("#<?=$arItem['CODE']; ?>").on('change', function(){
var SelectOption = $("#<?=$arItem['CODE']; ?> option:selected").attr('id');
$("#<?=$arItem['CODE']; ?>").attr('name',SelectOption);
});
<?
}
}?>
});
</script>
В общем-то все, стилизовать внешний вид вы всегда сможете под себя. Написано на основе нескольких тем на форуме http://dev.1c-bitrix.ru/community/forums/
Еще в записках:
Уважаемый читатель! В связи с участившимся спамом в комментариях, возможность писать доступна только для зарегистрированных пользователей
Игорь
|
|
к сожалению не работает
 |
Михаил Базаров
| ||
| ||
|
Дмитрий
|
|
Спасибо!
|
|
Валентин
|
|
Доброго времени суток! Все сделал как Вы написали! Но вышла нехорошая штука: при добавлении компонента в select ниже появляется дополнительный select. В итоге у меня на одно свойство имеются два селекта с одинаковыми компонентами. Как быть??? Заранее очень благодарен!
|
|
Guest
|
|
Добрый день!
Есть ли способ переделать поля аналогично в input? |
|
Михаил Базаров
| ||
| ||
|
Guest
|
|
Спасибо за инфу, хотелось бы увидеть урок по переносу умного фильтра на главную страницу
|
|
Михаил Базаров
| ||
| ||
|
Марина
|
|
Добрый день!
Спасибо Вам за Вашу работу здесь. Для меня, как новичка в Bitrix, очень много полезного! Буду признательна за ответ: можно ли штатными средствами Bitrix Управление сайтом сделать такую выборку по товарам. Если нет, то каким образом не штатными внутри системы? Спасибо. |
|
Александр Христич
|
|
Михаил, здравствуйте!
Не работает умный фильтр для не авторизованных пользователей, как это можно исправить? |
и 7 гостей
Из стран:
4 чел.
3 чел.
Табы из свойств инфоблока в БитриксДумаю все знают что такое табы или вкладки. Расскажу как на ...
Подключение SSL на Битрикс виртуальная машинаДля некоторых сервисов, типа Яндекс Касса, требуется наличие...
Дополнительные картинки в списке элементов каталога битриксОчень редко, но бывают ситуации, когда надо вывести дополнительные...
Умный фильтр на главной странице БитриксДостаточно редкая но востребованная задачка- это вывести компонент...
Время на БД и веб сервере отличается на 3600 секунд, тест БитриксДостаточно часто, при проверке параметров системы, в Битрикс,...
Ускорение сайта Битрикс на ubuntu server, Memcached.До сегодняшнего дня арендовал виртуальный сервер в Германии ...
Создание сайтов на 1C-Битрикс
Свежие комментарии в блоге