Template-Integration

Alle nachstehenden Änderungen sind bereits in int_kleep_sfra enthalten. Wenn Sie diese Templates in Ihrem benutzerdefinierten Brand-Cartridge überschrieben haben, können Sie die Kleep-Versionen aus int_kleep_sfra/cartridge/templates/default entfernen.

Kleep-Schaltfläche (PDP + Produkt-Tracking)

Zu beiden hinzufügen:

app_custom_brand/.../experience/components/dynamic/product/productDetails.isml
app_custom_brand/.../product/productDetails.isml

<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="product/components/kleepButton" />

Platzieren Sie es direkt vor:

<!-- Attributes and Quantity -->
<isinclude template="product/components/mainAttributes" />

Sie können das <isinclude>-Tag beliebig oft im PDP duplizieren — alle Schaltflächen teilen einen einzigen iFrame/Modal.

Checkout-Tracking

Zu Ihrem Checkout-Template hinzufügen:

<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="common/kleepTracking" />

Platzieren Sie es direkt nach:

<!-- Step 3: Payment and Billing-->
<isinclude template="checkout/billing/billing" />

Bestätigungs-Tracking

Zu app_custom_brand/.../checkout/confirmation/confirmation.isml hinzufügen:

<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="checkout/confirmation/kleepCheckoutCompletedTracking" />

Platzieren Sie es direkt nach:

<isscript>
var assets = require('*/cartridge/scripts/assets.js');
assets.addCss('/css/checkout/checkout.css');
assets.addJs('/js/checkoutRegistration.js');
</isscript>

Willkommen

CMS

Mobil

Dashboard

Daten

Datenschutz

Template-Integration

Kleep-Schaltfläche (PDP + Produkt-Tracking)

Checkout-Tracking

Bestätigungs-Tracking

​Kleep-Schaltfläche (PDP + Produkt-Tracking)

​Checkout-Tracking

​Bestätigungs-Tracking

Kleep-Schaltfläche (PDP + Produkt-Tracking)

Checkout-Tracking

Bestätigungs-Tracking