Button Filters
The Button filters section controls the appearance of filter buttons used on collection pages and search pages.

These settings influence how filter options (such as size, color, or tag filters) look in both their normal and interactive states. You can customize border and background colors, text colors, hover responses, and how unavailable (sold-out) filter values are displayed. Additionally, separate styling is provided for the Filter Reset and Reset All buttons, ensuring consistency and clarity when users clear selected filters.
Location: Theme settings -> Buttons filters
Option Group
Option
Explanation
FILTER BUTTONS
Border
Sets the border color in the default state.
Background
Defines the background color of filter buttons.
Border
Controls the border color for consistency across button states.
Text
Sets the text color for filter options.
Background hover
Changes the background color when a button is hovered.
Border hover
Adjusts the border color on hover.
Text hover
Changes the text color when hovered.
Background sold out
Sets the background color for unavailable (disabled) filter options.
Border sold out
Defines the border color for sold-out or inactive filter options.
Text sold out
Sets the text color for sold-out variants to visually de-emphasize them.
FILTER RESET BUTTON
Border
Sets the border color of the reset button.
Background
Defines the main background color.
Border
Ensures border color remains consistent across normal and hover states.
Text
Sets the default text color.
Background hover
Changes the background color when hovered.
Border hover
Adjusts the border color on hover.
Text hover
Changes the text color when hovered.
FILTER RESET ALL BUTTON
Color
Sets the text/icon color for the “Reset all” button.
Color hover
Adjusts the text/icon color when hovered to show interactivity.
Last updated