PageBuilder - Combination Facet Flex Component

The Miva admin’s new Combination Facet Flex Component allows stores to let customers filter content based on the store’s combination facets. This can be particularly useful for automotive stores, where combination facets like Year/Make/Model can help narrow search results and ensure a part will fit a given car.

Alt text here

Using the Combination Facet Flex Component

To begin using the component, from the Miva admin follow User Interface>Content Management and select the page where you want to use the component.

Once you’ve selected the page, click the Add Component button from the Component List, and select the Combination Facet component.


In order to use the Combination Facet Flex Component, you must know the Combination Facet code and enter it under the Controls heading.

Alt text here

Properties: Controls

The Controls section is where you enter the Combination Facet code, as mentioned above. This is also where you manage the look and feel of the controls of the component.

The Submit Destination page is the page the shopper is taken to once their search with the component is complete.

Properties: Text

The Text section is where you configure how the text will look within the component. Alignment, Heading and Subheading texts, as well as body text, are all managed in this section.

Properties: Background

The Background section is where you can set an image to display behind the component. If an image is not chosen, the background color of the component can be configured in this section.

Advanced: Spacing

The Advanced: Spacing section is where you configure the spacing around the top and the bottom of the module.

You can also choose to have the search query automatically submitted once a shopper has made selections in the drop downs.

Optional Dropdown

The optional dropdown is a feature of the component that allows shoppers to leave out one of the terms of the search if they do not know it. The setting is to make the dropdown optional for either the last dropdown, the last two dropdowns, or the last three dropdowns. “None” can also be selected which would mean all of the dropdowns must have a value before the search will be allowed to be submitted.

For example, if a shopper was shopping for a part for their car, but were unsure of what engine they have in their car, they could shop by Year, Make and Model of their car, but leave the query about engine blank, if the “Last One” value is selected in this section.

Once the component is configured as desired, click the Save button in the upper right corner.

Looking for Developer Docs?

We have a whole section for that, including: Developer Training Series, Template Language docs, Module Development tutorials and much, much more.

Head to the Developer Section

This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.


Copyright © 1997 – 2021 Miva©, Miva Merchant©, MivaPay©, MivaCon© Miva, Inc. All Rights Reserved.