How to Modify Shopify Shipping Estimated Delivery Date

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.

3 Comments

  1. furtdso linopv
    October 30, 2018
    Reply

    Keep up the great work, I read few posts on this site and I believe that your weblog is rattling interesting and has bands of superb info .

  2. Wiki
    January 5, 2018
    Reply

    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 *