<!-- SH03 - Модификация для Тильды. Заменяем чекбоксы на кнопки в фильтрах ST320N https://mod.tistols.com/filter-checkbox -->
<style>
.uc-catalog .t-checkbox__indicator {
display: none!important;
}
.uc-catalog .t-store__filter__custom-sel .t-store__filter__title, .t951 .t951__sidebar .t-store__filter__item .t-checkbox__control{
padding: 5px 10px;
border-radius: 30px;
background: #E9E4D9; /*цвет кнопок*/
color: #726B5A!important; /*цвет текста в кнопках (можно задать в настройках блока и удалить строку) */
user-select: none;
width: fit-content
}
.t-store__filter__custom-sel {
background-color: transparent!important
}
.t-store__filter__custom-sel .t-store__filter__title {
width: fit-content
}
.uc-catalog .t951 .t951__sidebar .t-store__filter__item .t-checkbox__control.active, .t-store__filter__custom-sel.active .t-store__filter__title {
background: #D0CABB; /*цвет активной кнопки*/
color:#ffffff!important; /*цвет текста активной кнопки*/
}
</style>
<script>
$(function(){
var filterTistolsTimer = setInterval(function(){
if($('[name="Только товары в наличии"]')){
clearInterval(filterTistolsTimer);
$('[name="Только товары в наличии"]').on('change',function(){
if($(this).prop('checked') === true) {
$(this).parent().css('background','#726B5A') /*цвет текста кнопки "Только товары в наличии"*/
} else {
$(this).parent().css('background','#E9E4D9') /*цвет кнопки "Только товары в наличии"*/
}
})
}
},1000)
})
</script>