Zip pay Icon in Footer and Cart Page

[aarthi]

HI,  Does anyone know how to add the Zip pay icon to footer payment icons and add the zip pay button to cart page.  I searched and couldn't find any results.  I am using debut. 

Thanks

[LitCommerce]

Hi @aarthi,

You can refer https://zip.co/nz/integration/shopify/

It has instructions on how to add zip pay for footer and cart page. Go to:

- 5. Adding the Zip Widget to the Cart Page 

- 6. Add the Zip Payment Icon

Hope it is clear to you.

[aarthi]

@LitCommerce  I have checked the instrucitons already. Its completely different to what I see in my code. I have added the payment option in checkout and the widget under the product title. 
But couldn't follow the instruction for adding the icon to the footer and the cart page quick checkout. Because the code in the instruction doesn't match with my website code.

Thanks

[LitCommerce]

Hi @aarthi,

- Footer: Go to sections/footer.liquid file, find 'capture payment_icon_markup' and add code: https://i.imgur.com/NeAcEJ4.png 

<li class="payment-icon">
          <img class="icon" src="https://static.zipmoney.com.au/assets/default/footer-tile/footer-tile-new.png" width="38" height="24" >
        </li>

- Cart page: Go to sections/cart-template.liquid file, find 'additional_checkout_buttons' and add code: https://i.imgur.com/C4MwLaF.png 

<div class="additional-checkout-zip" style="display: flex;justify-content: end;">
                <script async src="https://widgets.partpay.co.nz/zip-widget-classic-v3.0.0.js?amount={{ cart.total_price | divided_by: 100.0 }}&locale=nz"></script>
              </div>

Hope it helps!

[LitCommerce]

Hi @aarthi,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.