landing

Filter-left - Search Results Landing Page

Prerequisite:
This module requires the facets base component.

This module extends the facets component, so you need to add the resources from that in addition to this module's resources:

• Base component.
• This module's resources.

Template Modifications

Modify landing-results.tpl to add the filter items on the left side of the landing page.

<div class="kuResultsListing">
    <div class="productList klevuMeta" data-section="productList">
        <div class="kuResultContent">
            
            <%=helper.render('filters',scope,data,"productList") %>
            ...

        </div>        
    </div>
</div>

Code Reference

klevu-landing-filter-left.js
connects the base component to your search results landing page implementation and show how to enable the base component for your targeted scope.