Showing Recommendations in an Ajax Popup

When a page is loaded, the Clerk.js library automatically runs a function to render all Clerk.io Content on that page.

This function can also be run after the initial page load, to show products in an Ajax Popup.

1. Since the function takes any class or ID as argument, start by replacing your Ajax Popup recommendations class clerk with another class. This is to prevent all Clerk.io content to be rendered again.

   An example:

   <span
      class="clerk-recommendations"
      data-template="@powerstep-recommendations"
      data-products="[123]">
   </span>
   

2. In your Ajax Popup code, simply run the function on this class as a part of your

       existing Ajax script, or in its own script:

Clerk.js Function

<script type="text/javascript">
   Clerk('content','.clerk-recommendations');
</script>

Now you can show recommendations in your Ajax Popup, after the initial page load!