Debut Theme: Changing dynamic checkout buttons to "Buy now"

Tourist
15 0 1

Hello,

 

I have a question.. is it possible to change the dynamic checkout button to BUY NOW with forwarding to checkout page ?

I want to show on product page, instead of the dynamic checkout button Buy now button.

Thanky you.

0 Likes
Shopify Staff
Shopify Staff
835 85 159

 

Hey there, @web888 

 

Bo here from Shopify Support! 

 

Great question.  I was able to take 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 Buy It Now as this is expected behavior.

 

To summarise, if your store has these payment options i.e. PayPal, Apple Pay, Google Pay the button will appear with the customers most used payment method. 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
Shopify Expert
2486 416 523

Hi @web888 

Yes, you can add "Buy now" button on product page.

For that you have to do code in Section->product-template.liquid

<a href='store_url/cart/variants_id:qty'>Buy now</a>

Example:

<a href='https://shopify_store.com/cart/27712784826443:1'>Buy now</a>

Note: You have to change variants id and qty dynamically on variants change or you have to use ajax cart function instead of all this.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
1 0 0

Hello,

 

Is there any way to add an additional dynamic checkkout button in the product page besides the PayPal Express Checkout button? If so, how should I proceed? 

 

My theme is Debut.

 

Thanks!

0 Likes
Shopify Expert
2486 416 523

Hi @Decora-Space 

If you want to add dynamic button on product page then follow this instruction, you can add just one button on page and its auto generated by shopify so you cant select which one button you want to show its depend on browser.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Excursionist
38 0 3

i have created dynamic checkout button on my turbo theme using same method but it is looking upright , instead of buy it now , how we can change it to " buy now" and change its colour from blue to yellow , i.e default colour of paypal.

screenshot-www.dalyshop.com-2019.11.08-15_09_35.png

0 Likes
Shopify Expert
2486 416 523

A i told you its depending on browser we can not set it to show as you want. 

On some browser you can see it as paypal, G-pay and on some it just Buy now.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Excursionist
38 0 3

yes i got your point , but on mobile devices,the buy it now button is looking non synchronized in the box, as you can see, any way to fix it ?


 

 

0 Likes
Shopify Expert
2486 416 523

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Shopify Expert
2486 416 523

Add this css in Asset->theme.scss file at bottom 

.shopify-payment-button{margin-top: 10px;}
@media only screen and (max-width: 767px) {
      .purchase.clearfix.inline_purchase{ width:100%;}
   }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like