Hello,
on the index page of a collection, the dynamic filter doesn't allow me to display buttons. I have the latest version of SPPB and I only have checkboxes and radio buttons. My category (which I want to display) is indeed a list, and the documentation specifies that I should be able to have buttons.
Currently, apart from using CSS, I don't see how to do it.
example :
/ Cacher le faux radio visuel /
.sppb-addon-dynamic-content-filter-fake-radio-input {
display: none !important;
}
/ Conteneur option = bouton /
.sppb-addon-dynamic-content-filter-item-radio-option {
border: 1.5px solid #020873 !important;
border-radius: 3px !important;
padding: 7px 16px !important;
cursor: pointer !important;
transition: all 0.2s !important;
background: transparent !important;
}
/ Texte label /
.sppb-addon-dynamic-content-filter-item-radio-option label {
font-family: 'Manrope', sans-serif !important;
font-size: 11px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #020873 !important;
cursor: pointer !important;
}
/ Compteur discret /
.sppb-addon-dynamic-content-filter-item-count {
opacity: 0.5 !important;
font-size: 10px !important;
}
/ État actif /
.sppb-addon-dynamic-content-filter-item-radio-option.active,
.sppb-addon-dynamic-content-filter-item-radio-option:has(input:checked) {
background: #020873 !important;
border-color: #020873 !important;
}
.sppb-addon-dynamic-content-filter-item-radio-option.active label,
.sppb-addon-dynamic-content-filter-item-radio-option:has(input:checked) label {
color: #fff !important;
}
/ Hover /
.sppb-addon-dynamic-content-filter-item-radio-option:hover {
background: #020873 !important;
border-color: #020873 !important;
}
.sppb-addon-dynamic-content-filter-item-radio-option:hover label {
color: #fff !important;
}