Passer au contenu principal
Toutes les modifications ci-dessous sont déjà incluses dans int_kleep_sfra. Si vous avez surchargé ces templates dans votre cartouche de marque personnalisée, vous pouvez supprimer les versions Kleep de int_kleep_sfra/cartridge/templates/default.

​
Bouton Kleep (PDP + Tracking produit)

Ajoutez dans les deux fichiers suivants :
  • app_custom_brand/.../experience/components/dynamic/product/productDetails.isml
  • app_custom_brand/.../product/productDetails.isml
<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="product/components/kleepButton" />
Placez juste avant : 
<!-- Attributes and Quantity -->
<isinclude template="product/components/mainAttributes" />
Vous pouvez dupliquer la balise <isinclude> n’importe où sur la PDP — tous les boutons partagent un seul iframe/modal.

​
Tracking paiement

Ajoutez à votre template de paiement : 
<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="common/kleepTracking" />
Placez juste après : 
<!-- Step 3: Payment and Billing-->
<isinclude template="checkout/billing/billing" />

​
Tracking confirmation

Ajoutez à app_custom_brand/.../checkout/confirmation/confirmation.isml : 
<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="checkout/confirmation/kleepCheckoutCompletedTracking" />
Placez juste après : 
<isscript>
var assets = require('*/cartridge/scripts/assets.js');
assets.addCss('/css/checkout/checkout.css');
assets.addJs('/js/checkoutRegistration.js');
</isscript>