Skip to main content

Browse Page

Add toDiv / container

Role attribute

Every instance of this component carries:

Add this attribute
Namewf-algolia-element
Valuebrowse
Required1 attribute
IndexRequired

Algolia index this browse queries.

Accepts e.g. acme_blog_prod

Optional15 attributes
Pagination

Pagination mode - "load-more", "numbered", or "infinite-scroll".

Accepts load-more · numbered · infinite-scrollDefault load-more

Per page

Hits per page (default 12).

Accepts min 1, whole numbers

Top offset

Pixel offset when auto-scrolling on page change.

Accepts min 0, whole numbers

URL sync

Mirror state to the URL query string.

Accepts true · falseDefault true

Button

Marker for embedded buttons inside browse - reset, apply (deferred commit), or apply-cancel (commit + discard pair).

Accepts reset · apply · apply-cancelDefault reset

Disable filters

Static/curated list: bypasses the shared filter state and URL sync entirely (rendered by initStaticLists, not the main browse loop).

Accepts true · falseDefault falseNeeds script 1.0.2

Filter field

Split form - static Algolia field name for the curated list filter (e.g. "categories.lvl0"). Pair with wf-algolia-filter-value which can be CMS-bound per page.

Accepts e.g. categories.lvl0Repeatable as -2, -3, …

Filter value

Split form - CMS-bindable facet value for the curated list filter (e.g. "Design"). Bind to the Webflow CMS field; wf-algolia-filter-field holds the static field name.

Accepts e.g. DesignRepeatable as -2, -3, …

Filter match

How comma-separated values within a curated-list filter clause combine: "or" (default) or "and". Numbered suffixes (-match-2, ...) target the matching clause.

Accepts or · andDefault orNeeds script 1.0.2Repeatable as -2, -3, …

Filter logic

How separate curated-list filter clauses combine: "and" (default) or "or". Global on the wrapper - never numbered.

Accepts and · orDefault andNeeds script 1.0.2

Base filter field

Split form - static Algolia field name for the locked baseline filter (e.g. "categories.lvl0"). Pair with wf-algolia-base-filter-value (comma-separated values allowed). Numbered suffixes -2/-3/… add more clauses.

Accepts e.g. categories.lvl0Needs script 1.0.2Repeatable as -2, -3, …

Base filter value

Split form - CMS-bindable facet value(s) for the locked baseline filter (e.g. "Creative & Brand"). Comma-separated values combine within the field per wf-algolia-base-filter-match.

Accepts e.g. Creative & BrandNeeds script 1.0.2Repeatable as -2, -3, …

Base filter match

How comma-separated values within a base-filter clause combine: "or" (default) or "and". Numbered suffixes (-match-2, …) target the matching clause.

Accepts or · andDefault orRepeatable as -2, -3, …

Base filter logic

How separate base-filter clauses combine: "and" (default) or "or". Global on the wrapper.

Accepts and · orDefault and

Fields

Comma-separated list of fields this reset or apply button acts on. An empty value is meaningful - it means "clear nothing".

Accepts e.g. category,brand