Integración de plantillas

Todos los cambios a continuación ya están incluidos en int_kleep_sfra. Si has sobreescrito estas plantillas en tu cartucho de marca personalizado, puedes eliminar las versiones de Kleep de int_kleep_sfra/cartridge/templates/default.

Botón Kleep (PDP + Seguimiento de producto)

Añade a ambos:

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

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

Coloca justo antes de:

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

Puedes duplicar la etiqueta <isinclude> en cualquier parte de la PDP — todos los botones comparten un único iframe/modal.

Seguimiento en el proceso de pago

Añade a tu plantilla de pago:

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

Coloca justo después de:

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

Seguimiento de confirmación

Añade a app_custom_brand/.../checkout/confirmation/confirmation.isml:

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

Coloca justo después de:

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

Bienvenida

CMS

Móvil

Panel

Datos

Privacidad

Integración de plantillas

Botón Kleep (PDP + Seguimiento de producto)

Seguimiento en el proceso de pago

Seguimiento de confirmación

​Botón Kleep (PDP + Seguimiento de producto)

​Seguimiento en el proceso de pago

​Seguimiento de confirmación

Botón Kleep (PDP + Seguimiento de producto)

Seguimiento en el proceso de pago

Seguimiento de confirmación