Hi,
I would like to replace the text of this button with “Purchase now” (instead of “buy it now”)
Could anyone help ? I can’t find the folder
https://woollenandkind.com/collections/small/products/prayer-rug-47-x-211
Thank you in advance
Hi,
I would like to replace the text of this button with “Purchase now” (instead of “buy it now”)
Could anyone help ? I can’t find the folder
https://woollenandkind.com/collections/small/products/prayer-rug-47-x-211
Thank you in advance
Hello!
If you’ve already tried changing it through the theme customizer:
Try to look for a file called “en.default.json”, hit CTRL + F once inside, and search for “buy it now”.
If it shows up in there, just change it to “Purchase now”.
In case you don’t find it in there, try typing “button” in the file search bar, check every file and do the same : CTRL + F, and search for “buy it now” or even “shopify-payment-button” (the button has this class).
Another option would be to export the code (it will be sent to your email), open it on a text editor/IDE like VSCode, and search for the specific text or class in there, I’ll add a screenshot as an example.
In my example I’m looking for “Add to cart” button, but you can search for “buy it now” or the “shopify-payment-button” class as I mentioned before.
Hope that helps!
Hi @Daniel19901
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
Hope that my solution works for you.
Best regards,
Henry | PageFly
@Kumar2573 's soluation is a better way I think.
.shopify-payment-button .shopify-payment-button__button--unbranded {
position: relative;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:after {
content: "Purchase now";
background: inherit;
font-size: inherit;
color: inherit;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
}
@PageFly-Henry thanks a lot for giving me a hand.. not sure why, but it didn’t work
If you’re taking @PageFly-Henry 's approach, which should work, note that you might get an error because of this :
Try removing the bold part in order to end with the following result: