This guide is for working with the Klevu API Request and Response data for Klevu Smart Recommendations.  Direct editing of the display markup is achieved within the Klevu Merchant Center.

Please review the Knowledge Base article for more details on 

It is possible to modify the Klevu Recommendations query, response, or template data for any or all of your Recommendation banners. You can do this by adding one or more of the following hook functions, after the Klevu initialization.

Within each of these hook functions, you will find relevant objects and variables that you can use to modify the default behavior provided by Klevu. 

 provided with each Recommendation banner. This value can be used to specifically target a specific banner for modification.

 are available to be applied as needed or otherwise to override any default values within the 

function klevu_processRECSRecordQueries(recordQueries, recsKey) {
  console.log(recordQueries, recsKey);
}

available to be modified as needed or otherwise inject any custom values via 

function klevu_processRECSQueryResults(queryResults, recsKey) {
  console.log(queryResults, recsKey);
}

function klevu_processRECSTemplateData(templateData, recsKey) {
  console.log(templateData, recsKey);
}

After the Recommendations template renders, a

ny custom JavaScript action can be executed

function klevu_bindRECSTemplateElementEvents(templateData, recsKey) {
  console.log(templateData, recsKey);
}

OnClick of an item within the Recommendations banner any custom 

function klevu_RECSItemClick(templateData, itemId, recsKey) {
  console.log(templateData, itemId, recsKey);
}

Examples

Overview

Modify Recommendations - Overview

Template JS

Introduction

Quickstart : Smart Search

Quickstart : Smart Category Merchandising

Quickstart : Smart Recommendations

Shopify

BigCommerce

Magento

Untitled

Set Template

Template Reference

Set Custom Helpers

After Template Render

Styling CSS