How to Modify Shopify Shipping Estimated Delivery Date

Blog, How-To
Shopify Shipping Estimated Delivery Dates

You only can do this if you have Shopify plus subscription. If you’re not using Shopify plus please read this post instead.

You have to add codes in checkout.liquid or you can create a CSS asset (checkout.css / checkout.scss.liquid).

Shopify Modify Shipping Estimated Delivery Dates

Place the below CSS code in your checkout.liquid or checkout.css / checkout.scss.liquid under assets:

span[data-shipping-method-label-title="FedEx Ground"]{
visibility: hidden;
}

span[data-shipping-method-label-title="FedEx Ground"]:before {
content: "FedEx Ground (2-7 business days)";
visibility: visible;
line-height: 0px;
}

.display-table .radio__label{
line-height: 0px;
}

This will change the delivery date to display ‘2-7 business days’

However, I tried using javascript and jquery instead CSS but it was not working for me. If you have any better solution please let me know.


rmehdee

rmehdee

Web Technology is my cup of coffee & I do photography for fun. I appreciate your visit here.


Comments

  1. Hello ,

    I saw your tweet about animals and thought I will check your website. I like it!

    I love pets. I have two beautiful thai cats called Tammy(female) and Yommo(male). Yommo is 1 year older than Tommy. He acts like a bigger brother for her. 🙂
    I have even created an Instagram account for them and probably soon they will have more followers than me (kinda funny).

    I wanted to subscribe to your newsletter, but I couldn’t find it. Do you have it?

    Keep up the good work on your blog.

    Regards
    Wiki

Leave a Reply

Your email address will not be published. Required fields are marked *