Klevu components
Klevu provides a list of UI components that allows to integrate Klevu functionality to your solution, see Klevu Storybook for more details.
Starter Kit#
Klevu starter kit is an example of how Klevu components can be managed via Uniform Canvas.
Getting started
- Clone starter kit from the repository
- Follow instructions from the readme file
Available components#
Klevu Init#
Initializes Klevu configuration. This component is a root node for Klevu components.
Read more about Klevu initialization.
Klevu Merchandising#
Merchandising page with filtering by product category and facets.
Related Klevu Storybook component: Merchandising
Slots
- content slot allows to add product results (e.g. Klevu Product Grid)
Klevu Search Landing Page#
Search page component with filtering by search term and facets.
Related Klevu Storybook component: Search Landing Page
Slots
- content slot allows to add product results (e.g. Klevu Product Grid)
Klevu Product Grid#
Renders product results with a specific number of products per row.
Related Klevu Storybook component: Product Grid
Slots
- productComponent is a special slot that allows to define template component for each product in the results (e.g. Klevu Product)
Klevu Product#
Renders a single product record from Klevu response.
Related Klevu Storybook component: Product
Klevu Recommendations#
Renders a list of recommended products based on a Klevu Smart Recommendation of 'Home page' type.
Related Klevu Storybook component: Recommendations
Klevu Category Recommendations#
Renders a list of recommended products based on a Klevu Smart Recommendation of 'Category/Collection Page' type.
Related Klevu Storybook component: Recommendations
Klevu Product Recommendations#
Renders a list of recommended products based on a Klevu Smart Recommendation of 'Product Page' type.
Related Klevu Storybook component: Recommendations