Buttons Index Dynamic - Question | JoomShaper

Buttons Index Dynamic

jean luc trevilly

jean luc trevilly

SP Page Builder 1 day ago

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; }

0
1 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 day ago #220000

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. At the moment, the Dynamic Content Filter only supports Checkbox and Radio Button options. There is currently no built-in option to display the filter as Buttons.

If you want a button-style appearance, you can achieve it using custom CSS, similar to what you are currently doing.

Best regards,

Toufiqur Rahman (Team Lead, Support)

0