sort-dropdown
Sort options in a Webflow Dropdown; toggle text and data-selected show the current sort (2.0: the designer's text until the visitor sorts; 1.x emptied data-selected).
At a glance
sort-select
The browser's own select
- Built with
- A Form Block with a Select field.
- Good to know
- The first option stays as the placeholder.
sort-radio
Radio buttons
- Built with
- A Form Block with one Radio button.
- Good to know
- The Radio button is the template of every option.
sort-dropdown
A Webflow Dropdown
- Built with
- A Form Block and a Webflow Dropdown.
- Good to know
- The toggle shows the current sort.
sort-popover
A panel over the page
- Built with
- A Form Block and links or buttons in a popover.
- Good to know
- The trigger shows the current sort.
More in the guide.
Where it can go
- Inside
smootify-search-discovery. - Must contain
form,.w-dropdown .w-dropdown-link. - Out of place, Smootify removes it from the page: data-expand panels count as inside.
What it requires
- The Search & discovery extension (lite or server plan, or the extension activated in the Smootify dashboard). Without it, the element does nothing.
Fields in the form
It reads no field of yours: reads no name of yours: Smootify names the field sort.
Attributes on the element
- It reads
selected-value.
Loading
Its code loads only on pages that have sort-dropdown.