Intégration des templates

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>

Bienvenue

CMS

Mobile

Tableau de bord

Données

Confidentialité

Intégration des templates

Bouton Kleep (PDP + Tracking produit)

Tracking paiement

Tracking confirmation

​Bouton Kleep (PDP + Tracking produit)

​Tracking paiement

​Tracking confirmation

Bouton Kleep (PDP + Tracking produit)

Tracking paiement

Tracking confirmation