Skip to main content

Price Filter

Price Filter

The price range. Both fields carry the catalogue's own range, so submitting it untouched changes nothing.

Place it on its own, beside the grid or in a sidebar of yours. It is one of the groups of Catalog Filters — if you use both, turn this group off there, or it shows up twice. How every filter behaves — links, folding, «show more» — is on Filters.

Its options​

The Price Filter properties panel

Props

PropTypeDefaultWhat it does
Headingtext—What this group is called. Leave it empty to keep the name the attribute or the taxonomy already has — which stays right when somebody renames one. Ignored when this filter draws more than one group.
Heading levelchoice: h2, h3, h4h2On its own beside the grid it is usually an h2; inside a sidebar under its own heading, an h3.
Heading text → Sizetextvar(--fe-woo-text-xl, 1.13rem)
Heading text → Colourtextvar(--fe-woo-color, #111827)
Label text → Sizetext1em
Label text → Colourtextvar(--fe-woo-color, #111827)
Colours → Fields and handlestextvar(--fe-woo-surface, #ffffff)The background of the two amounts and of the slider handles.
Colours → Borders and tracktextvar(--fe-woo-border, #e8ebef)The fields, the group and the line the handles run along.
Colours → Chosen rangetextvar(--fe-woo-accent, #111827)The stretch between the two handles, and their outline.
Folding → Fold the groupon / offoffTurns the title into a disclosure, so a long column reads as a list of headings. A group that is filtering something always opens, whatever the state below says.
Folding → It startschoice: open, closedopen

It reads the same variables as the whole column: see Catalog Filters.