remove add to cart button and add buy now button which goes to checkout page

remove add to cart button and add buy now button which goes to checkout page

anandkerai1212
Tourist
10 0 1

 remove add to cart and only buy now button in product page that goes to checkout page. which is better conversion for one product's site. not using dynamic buy now button.

 

 

Replies 14 (14)

LuffyOnePiece
Shopify Partner
645 93 119

Hi @anandkerai1212 ,

 

Can you please send me a preview url of the store?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
anandkerai1212
Tourist
10 0 1
LuffyOnePiece
Shopify Partner
645 93 119

Hi @anandkerai1212 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in theme.css file

button.btn.btn--full.add-to-cart.btn--secondary {
    display: none;
}


 

Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
anandkerai1212
Tourist
10 0 1

how can add buy now button without using dynamic checkout button

DigiDecoded
Shopify Partner
162 19 18

DigiDecoded_0-1714462033388.png

 

come to custimized option on product page and enabled it from here,

and also the add this code for add to cart removed

button.btn.btn--full.add-to-cart {
    display: none !important;
}
Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
LuffyOnePiece
Shopify Partner
645 93 119

Hi @anandkerai1212 ,

 

You have to hide dynamic checkout button and use default ad to cart button.

 

On adding the product, redirect it to checkout.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
anandkerai1212
Tourist
10 0 1

it is possible that if customer clicks on add to cart redirects to checkout immediately 

LuffyOnePiece
Shopify Partner
645 93 119

Hi @anandkerai1212 ,

Step 1: Go to Online store > Themes > Actions > Edit code. -

Step 2: Go to Assets >product-form.js and find this code

this.form.addEventListener('submit', this.onSubmitHandler.bind(this));

comment this code like this

/* this.form.addEventListener('submit', this.onSubmitHandler.bind(this)); */



Thanks!

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
anandkerai1212
Tourist
10 0 1

i  don't have product-from.js in assets

LuffyOnePiece
Shopify Partner
645 93 119

Hi @anandkerai1212 ,

 

Can you provide me the access so that I can assist you on?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
DigiDecoded
Shopify Partner
162 19 18

DigiDecoded_0-1714462504673.png

 

enabled the dynamic buy now button from here and also the 

code to hide.add to cart

 

 

button.btn.btn--full.add-to-cart {
    display: none !important;
}​

 

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
DigiDecoded
Shopify Partner
162 19 18

you can enabled it by going to your store custimzied option, and click on the payment option and you can enabled it from there.

button.btn.btn--full.add-to-cart {
    display: none !important;
}
Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website

Shayanshan
Shopify Partner
14 0 1

which theme you are using 

so im able to tell you the suolotion 

Need help with your store? wwwshayan889@gmail.com
For quick response, Contact In WhatsApp +923420540733
anandkerai1212
Tourist
10 0 1

impluse theme