Hey team,
I am wanting to add a message underneath each shipping rate with its respective time frame. I am a Shopify Plus plan so I am able to edit checkout.liquid.
Culture Kings does something like this putting a ‘Signature Required’ underneath each method.
Any help is appreciated, thank you.
Hi @lukasss
The changes you are looking for can be achieved by custom coding only. Good thing is, you have shopify plus so that means you are able to have access to your checkout page. Here are some helpful steps:
- So start with creating a new asset file named “checkout_script.js” and include it in your theme somewhere, best if you place it near the footer, body closing tag. This file basically will have all your JS custom code to modify what you see on the checkout page.
*Note: Make sure to include jQuery CDN in your liquid file, where you putting this.
- Next is start writing js code in your js file.
Starting with
$(document).ready(function() {
So you can have your code loaded properly after the DOM loaded.
3. Now the next part of code depends on what you want to change. If go by your example, just need to add a text "Signature required" in all shipping options, this is easy. Need to get the CSS selector on this div and append the static text using append() function of jquery.
So this custom work is something which totally depends on what changes you want. A developer can easily create this small script for you.
Thanks
