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