Coveo Dynamic Facet

Implements the Coveo JavaScript Search Framework DynamicFacet component to display a facet. The Coveo Dynamic Facet is an evolution over the Coveo Facet rendering, particularly because it features Dynamic Navigation Experience.

Usage Notes

Insertion Location

Coveo Hive

The Coveo Dynamic Facet rendering is an Allowed Control in the following placeholder(s): Dynamic Facets, Facets

Example insertion sequence for the Coveo Dynamic Facet rendering.

Coveo Hive SXA

When you add the Coveo Dynamic Facet Manager SXA rendering, this adds a coveouidynamicfacetssxa placeholder. Insert your Coveo Dynamic Facet rendering in this coveouidynamicfacetssxa placeholder.

Example insertion sequence for the Coveo Dynamic Facet rendering.

Data Source Options

Option name Description

Title

See the title component option.

Field

See the field component option.

Facet name

See the id component option.

Facet collapsed by default

See the collapsedByDefault component option.

Depends on

See the dependsOn component option.

Enable collapse

See the enableCollapse component option.

Enable search for the facet

See the enableFacetSearch component option.

Enable more/less button

See the enableMoreLess component option.

Scroll back to the top of the page on interaction

See the enableScrollToTop component option.

Filter facet count

See the filterFacetCount component option.

Exclude folded result parents

The path to use as the path prefix for every query.

Notify the breadcrumb component

See the includeInBreadcrumb component option.

Facet accuracy determined by the number of scanned results

See the injectionDepth component option.

Number of values

See the numberOfValues component option.

Breadcrumb maximum number of selected values

See the numberOfValuesInBreadcrumb component option.

Sort criterion to use for this facet

See the sortCriteria component option.

Custom sort order

See the customSort component option.

Prepend facet search queries with a wildcard

See the useLeadingWildcardInFacetSearch component option.

Mapping of facet values to the desired caption

See the valueCaption component option.

DOM unique ID

Randomly generated HTML element ID.

Additional data attributes

Allows use of the Coveo JavaScript Search Framework DynamicFacet component options that aren’t directly available in the data source.

Sample Generated HTML and Corresponding Visual Output

<div id="coveodb691f100" class="CoveoDynamicFacet" data-title="Total Storage"
data-enable-collapse="true" data-enable-facet-search="true" data-enable-scroll-to-top="true"
data-injection-depth="2147483647" data-number-of-values="5" data-sort-criteria="occurrences"
data-prebind-field="fieldTranslator" data-field="@storage" data-applied-prebind="true">

Visual output is query dependant:

output 1