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

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.

1 Like

Hi @anandkerai1212 ,

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

Thank you

yeah! this url : https://glowiebunnie.myshopify.com/?_ab=0&_fd=0&_sc=1

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

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;
}

how can add buy now button without using dynamic checkout button

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;
}

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

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

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!

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;
}​

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

Hi @anandkerai1212 ,

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

Thank you

which theme you are using

so im able to tell you the suolotion

impluse theme