Skip to main content

Rating Filter

Rating Filter

WooCommerce's own rating_filter, so it agrees with the stars on every card.

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 Rating 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)
Countschoice: yes, brackets, noyes
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
Count text → Sizetext0.88em
Count text → Colourtextvar(--fe-woo-muted, #6b7280)
Colours → Starstext#b45309The filled part of each rating row.
Colours → Empty starstext#d1d5dbThe rest of the five, so the row reads as a score and not as a word.

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