Quicker recommendation loading
This documentation walks you through the steps for setting up
nostojs
client script on your theme for avoiding delays in loading recommendationsPlease follow the steps outlined below for setting up your theme:
- 1.Place the below content inside the
head
section oftheme.liquid
file, above the line that says{{ content_for_header }}
.<script type="text/javascript">(() => {window.nostojs=window.nostojs||(cb => {(window.nostojs.q=window.nostojs.q||[]).push(cb);});})();</script><script type="text/javascript">nostojs(api => api.setAutoLoad(false));</script>This accomplishes two results: i. Initializesnostojs
JavaScript api ii. Stops Nosto from loading recommendations by default\ - 2.Place the following snippet, in the theme liquid template files that contains
nosto_element
elements, below all thenosto_element
snippets:<script type="text/javascript">nostojs(api => api.loadRecommendations())</script>This line will make sure Nosto loads recommendations on after thenosto_element
elements are loaded.
Last modified 1mo ago