Re: Changing the Text on the Shop Pay Checkout page?

Changing the Text on the Shop Pay Checkout page?

LeeAurich
Tourist
11 0 61

Due to a quirk of how we've had to set up our shop, we've needed to change the word "Shipping" on all our checkout pages to "Handling Fee". I've done this successfully through the Settings - Checkout - Manage Checkout Language section for all pages except for the Shop Pay page.

Does anyone know how to specifically edit the text on the Shop Pay checkout/payments page. I couldn't find a related field in the "Manage Checkout Language" section mentioned above.
https://western-perennials.myshopify.com/

This is what the current Shop Pay page says:

shoppayshipping1.jpg

 This is what I want it to say:

shoppay2.jpg

Replies 4 (4)

Moeed
Shopify Partner
5777 1568 1859

Hey @LeeAurich 
Kindly share your Store URL and Password if enabled

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


LeeAurich
Tourist
11 0 61

Moeed
Shopify Partner
5777 1568 1859

Hey @LeeAurich 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
._5uqybw2._1fragem17._1fragem9r._1fragem1r._1fragem28._1fragem0._1fragem4._1fragem38 {
    visibility: hidden;
    position: relative;
}
._5uqybw2._1fragem17._1fragem9r._1fragem1r._1fragem28._1fragem0._1fragem4._1fragem38:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Handling Fee";
    white-space: nowrap;
}
span._19gi7yt0._19gi7ytc._1fragem1i._19gi7yt7.notranslate {
    visibility: hidden;
    position: relative;
}
span._19gi7yt0._19gi7ytc._1fragem1i._19gi7yt7.notranslate:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Free";
    margin-left: 90px;
}
</style>

Capture.JPG

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


LeeAurich
Tourist
11 0 61

Hi Moeed,

I've tried your solution but it hasn't worked for me, not sure if I'm doing something wrong. 
This is where I've pasted the code in theme.liquid (Where it says "<---- Pasting Here")

codepaste.png

But no change to the shop pay screen as you can see:

codepaste2.jpg