Pular para o conteúdo principal
Todas as alterações abaixo já estão incluídas em int_kleep_sfra. Se você substituiu esses templates no seu cartridge de marca personalizado, você pode remover as versões do Kleep de int_kleep_sfra/cartridge/templates/default.

Botão Kleep (PDP + Rastreamento de Produto)

Adicione 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" />
Coloque logo antes de:
<!-- Attributes and Quantity -->
<isinclude template="product/components/mainAttributes" />
Você pode duplicar a tag <isinclude> em qualquer lugar da PDP — todos os botões compartilham um único iframe/modal.

Rastreamento de Checkout

Adicione ao seu template de checkout:
<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="common/kleepTracking" />
Coloque logo após:
<!-- Step 3: Payment and Billing-->
<isinclude template="checkout/billing/billing" />

Rastreamento de Confirmação

Adicione ao app_custom_brand/.../checkout/confirmation/confirmation.isml:
<iscomment> CUSTOM KLEEP </iscomment>
<isinclude template="checkout/confirmation/kleepCheckoutCompletedTracking" />
Coloque logo após:
<isscript>
var assets = require('*/cartridge/scripts/assets.js');
assets.addCss('/css/checkout/checkout.css');
assets.addJs('/js/checkoutRegistration.js');
</isscript>