Select вместо chekbox в умном фильтре 1С-битрикс
Рассмотрим как можно сделать выпадающий список свойств в умном фильтре Битрикс, вместо стандартного chekbox. Нужно это дастаточно редко однако случается.
В начале было вот так:
Станет вот так:
select вместо chekbox
Для начала копируем шаблон стандартного smart.filter в папку со своим шаблоном сайта и подключаем его в шаблоне комплексного компонента каталога, заменив соответствующую строку в файле section.php.
Далее открываете шаблон компонента умного фильтра smart.filter . Для этого заходите в свой шаблон, например, /bitrix/templates/.default/components/bitrix/catalog.smart.fitr/myfilter и изменяете следующие файлы:
В файле script.js изменяете 2 метода click и reload:
Метод clickSelect() на этот :
{
if(this.timer)
clearTimeout(this.timer);
this.timer = setTimeout(BX.delegate(function(){
this.reloadSelect(select);
}, this), 1000);
}
Метод Метод reloadSelect():
{
this.position = BX.pos(select, true);
this.form = BX.findParent(select, {'tag':'form'});
if(this.form)
{
var values = new Array;
values[0] = {name: 'ajax', value: 'y'};
this.gatherInputsValues(values, BX.findChildren(this.form, {'tag':'select'}, true));
BX.ajax.loadJSON(
this.ajaxURL,
this.values2post(values),
BX.delegate(this.postHandler, this)
);
}
}
В файле template.php находим часть которая выводит инпуты с чекбоксами, примерно 147-я строка и полностью заменяем на:
<select id="<?=$arItem['CODE']; ?>" name="" onChange="smartFilter.clickSelect(this)" >
<option id="not-value" value="" >- - - -</option>
<?foreach($arItem["VALUES"] as $val => $ar) { ?>
<option <?echo $ar["CHECKED"]? 'selected="selected"': ''?> id="<?echo $ar["CONTROL_NAME"]?>" <?if ($ar["DISABLED"]){ ?>disabled<? } ?> value="Y" ><?echo $ar["VALUE"];?></option>
<? } //end foreach property values ?>
</select>
</div>
И в самый конец 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 Управление сайтом сделать такую выборку по товарам. Если нет, то каким образом не штатными внутри системы? Спасибо. |
|
Александр Христич
|
|
Михаил, здравствуйте!
Не работает умный фильтр для не авторизованных пользователей, как это можно исправить? |
|
Александр Си
|
|
Здравствуйте Михаил! Вопрос немножко не по ветке ваших тем, но хотелось бы получить совет от грамотного специалиста.
Вопрос в том, что сейчас на стандартной сборке Битрикс Малый Бизнес есть необходимость видоизменить умный фильтр под свои нужды, а именно: изменить шаблон вывода параметров, версткой бутстрап в 4 колонки и в определенной очередности. Но открыв программный код поняли, что видимо все параметры дополнительные свои созданные выводятся не отдельным кодом на каждый параметр, а общим, а в шаблоне соответственно необходимо разделить свойства отдельными столбцами, и вообще изменить общий дизайн всего фильтра, кардинально. Возможно ли реализовать это и что бы вы посоветовали сделать в данном случае? |
|
Михаил Базаров
| ||
Можете просто разобрать их на более гибкие if-ы Да, листинг будет просто огромный. Но зато поубираете не нужные case-ы. За счет этого, немного подсократите. Само собой, это стоит делать, если реально нужно переделать шаблон фильтра- "под орех" В целом, отвечая на вопрос: Да, с шаблоном фильтра можно сотворить что угодно. | ||
Случайные заметки
Почему я не люблю Joomla Не дать пользователю купить больше одного товара, в Битрикс Привязка к разделам в компоненте "Добавления элементов пользователем" Как вывести свойства инфоблока по отдельности и немного плюшек не в тему Умный фильтр только на последнем уровне разделов каталога. Вывести список всех пользователей с необходимой информацией Отключить поиск по описаниям товаров в Битрикс Запуск сайтов на новой виртуальной машине битрикс версии 5 Малая корзина Битрикс, упрощенный шаблон XML в формате Commerce ML-2, города России и Мира, для выгрузки в инфоблок Битри...
