Catalog & Search

Anopa Filter Sort

Renders a product sort control connected to the Anopa filter store with configurable options and display modes.

What it does

AnopaFilterSort renders a product sort control connected to the Anopa filter store. It lets shoppers change the ordering of products using either a native dropdown or pill-style buttons.

Supported sort options include:

Featured

Property Controls

ControlTypeDefaultDescription

TitleStringSort ByLabel text shown above the sort control.

Show TitleBooleantrueToggle to show or hide the title label above the sort control.

DisplayEnumDropdownChoose how the sort control is rendered: Dropdown (native select) or Buttons (pill-style toggles).

Sort OptionsArrayFeatured, Price: Low to High, Price: High to Low, Name: A–Z, Newest FirstConfigure which sort options are available from the predefined set (Featured, Price: Low to High, Price: High to Low, Name: A–Z, Name: Z–A, Newest First, Best Selling).

Dropdown StyleObjectBackground, text color, border, radius, font, paddingVisual styling for the dropdown mode, including background, text color, border, corner radius, font, and padding.

Button StyleObjectBackground, text color, border, radius, font, paddingBase visual styling for sort option buttons, including background, text color, border, corner radius, font, and padding.

——Active background, text color, borderStyling overrides for the currently selected sort option button, including background, text color, and border.