Shopify themes, liquid, logos, and UX
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
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 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
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!
Hi @aarthi,
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024