Mostra le Recommendations in un Popup Ajax

Renderizzare il Content di Clerk.io dopo il caricamento iniziale della pagina

Quando una pagina viene caricata, la libreria Clerk.js esegue automaticamente una funzione per renderizzare tutto il Content di Clerk.io su quella pagina.

Questa funzione può anche essere eseguita dopo il caricamento iniziale della pagina, per mostrare i prodotti ad esempio in un Popup Ajax.

1. Poiché la funzione prende qualsiasi classe o ID come argomento, iniziate a sostituire la vostra classe clerk dell' Ajax Popup per le recommendations con un'altra classe qualsiasi. Questo per evitare che tutto il contenuto di Clerk.io sia renderizzato di nuovo.

   Un esempio:
   

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

   2. Nel codice del Popup Ajax, esegui semplicemente la funzione su questa classe come parte del tuo script Ajax esistente, o nel suo proprio script:

Funzione Clerk.js 1

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

Funzione Clerk.js 2

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

Ora puoi mostrare le recommendations nel tuo Popup Ajax, dopo il caricamento iniziale della pagina!