The view models (JavaScript files) and HTML renderers for the SearchAndNavigation plugin module’s UI components are defined in the CommerceAccelerator/Plugins/SearchAndNavigation/src/main/web-app directory. Templates for associated cartridges are located in CommerceAccelerator/Plugins/SearchAndNavigation/src/main/deploy/import/templates. The following table describes each of the SearchAndNavigation UI components.
UI Component | Description | Cartridge Type |
|---|---|---|
| Presents the search terms and refinement selections currently chosen by the shopper. |
|
| Displays the available refinement dimensions to the shopper in the form of an array of |
|
| Displays a menu in the header that allows the shopper to choose a top-level category or a sub-category that belongs to a top-level category. |
|
| Renders the product description for the currently viewed product. |
|
| Retrieves the product ID stored in the MDEX and uses it to query the catalog repository for product properties. These properties are then used to render the product detail page. |
|
| Presents valid follow-on refinement queries to the shopper for a particular dimension. |
|
| Retrieves and manages search results from the MDEX. Displays the returned products in a paginated and sortable form. |
|
| Allows the shopper to submit a search term through an input field on an HTML form. When the input field is empty, the Search button is disabled. When the field contains text, the Search button is enabled. |
|
| Renders the SKU pickers that the shopper uses to refine a product selection to a single SKU, along with the quantity field and the Add to Cart button. Also, ensures that a shopper’s selections are valid before allowing the shopper to add the selected item to the cart. The If the |
|
