Skip to main content

Catalog Bar

The catalog bar: the result count and the sort control

How many products there are, and how they are sorted. WooCommerce's own counting and wording — "Showing 1–16 of 32" — and sorting keeps the filters on, because the form carries every other query argument with it.

Warning

Only on a shop or category page: anywhere else the numbers would be another query's.

Props

PropTypeDefaultWhat it does
Result counton / offon
Sort controlon / offon
Colours → Control backgroundtextvar(--fe-woo-surface, #ffffff)
Colours → Borderstextvar(--fe-woo-border, #e8ebef)

The bar and the pagination declare the same knobs — they are two halves of one control strip. They are listed under the pagination below.