Quickstart : Smart Category Merchandising

there are three primary aspects required for any implementation core reference files settings/configuration page elements / markup the required reference files and corresponding markup may vary depending on the page context note the klevu interactive configurations should be set globally see structure docid\ pumt e7jdseaf0pa2fm8f section for more detail on these components category pages the following code is the minimum required to get a category page up and running note the sample below does not contain any additional klevu functions (quick search and search result landing page) for details on those aspects please review the quickstart smart search docid\ amga2lz3adsu1tvjxhg1k this code sample contains js library core reference klevu js configuration javascript klevu interactive category page theme layout reference category page js search result html target/placeholder \<div> note the index credentials used in this guide are specific for the klevu demo store catalog you are welcome to use the demo catalog for experiments and learning please adapt to your specific catalog as soon as possible to benefit from any specific modifications you will need for the success of your implementation using your own data there are some small modifications you will need to make to the above code in order for use with your klevu index element javascript varliable description category page name var klevu pagecategory the page specific category name this value must match the category value defined during indexing element klevu interactive options description search url url search your klevu cloud search url + endpoint path search api key search apikey your public klevu js api key analytics api key analytics apikey your klevu analytics api key you can find your specific api key and endpoint information from shop info within your klevu merchant center see configuration docid\ el9qchgznersiaeg e lu for more details