Zip pay Icon in Footer and Cart Page

aarthi
New Member
4 0 0

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

Replies 4 (4)
LitCommerce
Trailblazer
268 69 71

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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
aarthi
New Member
4 0 0

@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
Trailblazer
268 69 71

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 - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
LitCommerce
Trailblazer
268 69 71

Hi @aarthi,

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

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!