Hot to Change the name of the "BUY IT NOW" Button in the Product Page Minimal Theme

Solved
Highlighted
Tourist
20 0 1

Good day,

 

I would like to change the text of the "BUY IT NOW" to "SHOP IT NOW" button in my product page (minimal theme). I tried to go to the theme language but I didn't find the field. 

 

Is there a way to change maybe by editing the code? 

 

Thanks in advance,

l_groux

0 Likes

Success.

Shopify Staff
Shopify Staff
659 61 131

Hey there,

 

Bo here from Shopify Support! 

 

That is a great question. Currently there is no way to change the wording on the Buy It Now button as it is a dynamic button. Most of your visitors actually will not even see the Buy It Now button. I took a look into this and found that the dynamic checkout buttons appear based on a number of things, most importantly the user's browser. So, when you are looking at the button in the theme customizer you are looking at it as though you have no cache, whereas when you look at your site on a regular browser it appears as a PayPal button as you have logged into PayPal on your browser previously. For your customer, the button that is most relevant to their online habits will show so if I were to look at your site from Safari on my iPhone I would see the option for Apple Pay. As the option that is shown is subjective to the user there is no way to make sure it only shows the red buy button as this is expected behavior.

 

You can read up more on our accelerated checkouts here. I hope this makes sense, if you have any further questions please do let me know!

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
20 0 1

Excellent!

 

Thank you very much Bo for your fast and very detailed reply.

I did not know about the dynamic button but this is actually better for what I was trying to achieve (increase conversion).

 

Thanks again,

Loïc

1 Like
Pathfinder
114 14 25

This is not perfect ,but it's  alternate solution you add this code 

top of  $(theme.init);  in theme.js file

 

setTimeout(function(){
$('.shopify-payment-button__button').text('SHOP IT NOW');
},1000),

 

Thanks



For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
1 Like
New Member
4 0 0

Hello Kuldeep,

 

First thank you very much for your code, it worked perfect on deskop. But on Mobile does not worked. Do you know why ? 

 


@SWSolutions wrote:

This is not perfect ,but it's  alternate solution you add this code 

top of  $(theme.init);  in theme.js file

 

setTimeout(function(){
$('.shopify-payment-button__button').text('SHOP IT NOW');
},1000),

 

Thanks





@SWSolutions wrote:

This is not perfect ,but it's  alternate solution you add this code 

top of  $(theme.init);  in theme.js file

 

setTimeout(function(){
$('.shopify-payment-button__button').text('SHOP IT NOW');
},1000),

 

Thanks




 

0 Likes
Tourist
20 0 1

Hi Kuldeep,

 

Thanks a lot again for your help. Just to make sure, does the code affect dynamic checkout in any way?

0 Likes
Tourist
20 0 1

Actually it does not work for me both on desktop and mobile. I added the code just as follow in the theme.js file

 

setTimeout(function(){
$('.shopify-payment-button__button').text('SHOP IT NOW');
},1000),
$(theme.init);
0 Likes
New Member
4 0 0

Hello

 

Have you added like in his picture (there is 2x theme.init) 

0 Likes
Tourist
20 0 1

Still nothing, I added the code as on the screenshot:

 

setTimeout(function(){
$('.shopify-payment-button__button').text('SHOP IT NOW');
},1000),
  
  theme.init = function() {
  theme.customerTemplates.init();
    
$(theme.init);
0 Likes
Tourist
20 0 1

Did I miss anything?

0 Likes