| Table of Contents | ||||
|---|---|---|---|---|
|
Delivery Estimate Insertion
ISML Code Changes
Following is the code snippet for consuming the API response
| Code Block |
|---|
<isinclude template="fenix/fenixestimatewidget" /> |
Product Detail Page
| Tip |
|---|
Add below code snippet to the end of: cartridge/templates/default/product/components/addToCartProduct.isml |
...
The details in this integration document detail putting the code snippets below the “Add To Cart” button. On the Product Details Page, it should look like this.
...
Mini-Cart
| Tip |
|---|
Add below code snippet at the end of the minicart-footer section: cartridge/templates/default/checkout/cart/miniCart.isml |
| Code Block |
|---|
<div class= minicart-footer">
<div class="minicart-footer">
<div class="row estimated-total">
<div class="col-8">
<p class="sub-total-label">${Resource.msg('label.estimatedtotal', 'cart', null)}</p>
</div>
<div class="col-4">
<p class="text-right sub-total">${pdict.totals.subTotal}</p>
</div>
</div>
<div class="row">
<div class="col-12 view_cart_button">
<a class="btn btn-outline-primary" href="${URLUtils.https('Cart-Show')}"
title="${Resource.msg('link.view.cart', 'cart', null)}">
${Resource.msg('link.view.cart', 'cart', null)}
</a>
</div>
<div class="col-12 checkout-continue">
<isinclude template="cart/checkoutButtons" />
</div>
</div>
<div class="row">
<isinclude template="fenix/fenixestimatewidget" />
</div>
</div> |
Cart Page
| Tip |
|---|
Add below code snippet at the end of the cart-page container: cartridge/templates/default/cart/cart.isml |
| Code Block | ||
|---|---|---|
| ||
<div class="container cart cart-page">
<div class="row">
<!---product cards--->
<div class="col-sm-7 col-md-8">
<isloop items="${pdict.items}" var="lineItem">
<isif condition="${lineItem.productType === 'bundle'}">
<isinclude template="cart/productCard/cartBundleCard" />
<iselse/>
<isinclude template="cart/productCard/cartProductCard" />
</isif>
</isloop>
<isinclude template="cart/cartApproachingDiscount" />
</div>
<!---totals, and checkout actions--->
<div class="col-sm-5 col-md-4 totals">
<isinclude template="cart/cartPromoCode" />
<div class="coupons-and-promos">
<isinclude template="cart/cartCouponDisplay" />
</div>
<div class="row">
<isinclude template="cart/cartShippingMethodSelection" />
</div>
<isinclude template="cart/cartTotals" />
<div class="row">
<div class="col-12 checkout-continue">
<isinclude template="cart/checkoutButtons" />
</div>
</div>
<br/>
</div>
</div>
</div>
<isinclude template="cart/cartRemoveProductModal"/>
<isinclude template="cart/cartRemoveCouponModal"/>
<isinclude template="fenix/fenixestimatewidget"/> |
...
Checkout Page
| Tip |
|---|
Add “form caption” section to the shiping methods to display the delivery estimation: cartridge/templates/default/checkout/shipping/shippingMethod.isml |
...