Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

Delivery Estimate Insertion

Product Detail Page

  • Open file \cartridge\templates\default\product\productDetails.isml

  • Add the below code snippet to insert a Fenix javascript to the PDP page

Code Block
assets.addJs('https://sfcc.cdn.fenixcommerce.com/v1.0/fenix.js');

Something like below:

...

Code Block
languagehtml
<div class="fenix-delivery-sfcc" 
    supportedcountries="US|United States,CA|Canada,IN|India" 
    tenantId="2934f7a59d614d27a99e677500f0d972" 
    xapikey="2934f7a59d614d27a99e677500f0d972" 
    delesturl="https://delest-api.fenixcommerce.com/fenixdelest/api/v3/deliveryestimates">
    <div class="fenix-animated-background">
    <div class="fenix-background-masker fenix-btn-divide-left"></div>
    </div>  
</div>

Something like below:

...

Mini-Cart

  • Open file \cartridge\templates\default\checkout\cart\miniCart.isml

  • Add the below code snippet in the minicart-footer section.

Code Block
        <div class="row">
            <div class="col-12 checkout-continue">
                <isinclude template="fenix/fenixEstimateWidget" />
            </div>
        </div>

Something like below:

...

Cart Page

  • Open file \cartridge\templates\default\cart\cart.isml

  • Add the below code snippet in the cart-page container.

Code Block
        <div class="col-12">
            <isinclude template="fenix/fenixEstimateWidget"/>
        </div>

Something like below:

...

Checkout Page

  • Open file \cartridge\templates\default\checkout\shipping\shippingMethod.isml

  • Use the below code snippet to print the list of shipping methods:

...