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

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.

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 title component option
Field See field component option
Facet name See id component option
Facet collapsed by default See collapsedByDefault component option
Depends on See dependsOn component option
Enable collapse See enableCollapse component option
Enable search for the facet See enableFacetSearch component option
Enable more/less button See enableMoreLess component option
Scroll back to the top of the page on interaction See enableScrollToTop component option
Filter facet count See filterFacetCount component option
Exclude folded result parents The path to use as the path prefix for every query
Notify the Breadcrumb component See includeInBreadcrumb component option
Facet accuracy determined by the number of scanned results Sets the injectionDepth component option to a preset value
Number of values See numberOfValues component option
Breadcrumb maximum number of selected values See numberOfValuesInBreadcrumb component option
Sort criterion to use for this facet See sortCriteria component option
Coveo for Sitecore (March 26, 2021)Custom sort order See customSort component option
Prepend facet search queries with a wildcard See useLeadingWildcardInFacetSearch component option
Mapping of facet values to the desired caption See 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
What's Next for Me?