Shopping Cart is the median between customers and sellers which allow your customers to check out the product they have added to their cart to make a purchase from your online eCommerce store in the easiest way. It is considered the most important factor which helps you attract more and more customers to boost the sales of your online Magento store by providing them with a great shopping cart experience on your website.

What happens when customer abandoned the shopping cart during their checkout process? It’s because they have to face a lengthy checkout process or sometimes, it takes a lot of time when they go for a check out after adding the product to their cart or they have to follow various steps with so many clicks during the checkout process. As a result of that, they abandoned the cart and leave the product page which directly impacts on your online business.

On the other hand, if you have great add to cart process which gives your customers fastest checkout process and lets them quickly to place their order in no time to drive more customers and boost the conversion rate on your online eCommerce store more effectively. In order to optimize the performance of your online store, you need to improve shopping cart experience so you can redirect your customers directly to the check out page with a simple click instead of wasting their time in the lengthy checkout process. By cart optimization, your wholesale and B2B customers can easily check out the product after adding them to their shopping cart for fast ordering from your online web store in the most effective way.

After doing so much research and work, we come to analyze that you can boost the performance and increase the sales 15% higher than before if you disable Ajax “Add to cart” button from the product page instead of displaying add to cart button on the product page by default behaviour in Magento 2. By disabling Ajax “Add to Cart” button on Magento 2 product page, you will be able to redirect your customers to the checkout page directly without wasting their time in completing the order for fast ordering.

This way you can drive more customers on your online web store and encourage them for more purchasing with great checkout process which helps you increase the conversion rate and boost the sales of your e-commerce store in the most efficient way.

 

Here in this article, we will show you and let you understand how to disable Ajax ‘Add to Cart’ button on the Magento 2 product page by following three steps as mentioned below:

 

1.Find and Open the file addtocart.phmtl from following these steps: vendor\magento\module-catalog\view\frontend\templates\product\view\addtocart.phtml file

<script type="text/x-magento-init">
    {
        "#product_addtocart_form": {
            "Magento_Catalog/product/view/validation": {
                "radioCheckboxClosest": ".nested"
            }
        }
    }
</script>

2. Now Go to app/design/frontend/[Vendor]/[Theme]/Magento_ Catalog/templates/product/view/addtocart.phtml and replace it with the following code to add the bindsubmit event:

<script type="text/x-magento-init">
   {
    "#product_addtocart_form": {
        "Magento_Catalog/product/view/validation": {
            "bindSubmit": true,
            "radioCheckboxClosest": ".nested"
        }
    }
   }
</script>

3. Go to Stores > Configuration > Sales > Checkout > Shopping Cart and set “After Adding a Product Redirect to Shopping Cart” to Yes.

Finally, you can make all of the above changes to quickly redirect your customers directly to the checkout page with a simple click on ‘Add to Cart’ button after adding an item to their shopping cart by configuring the settings from the backend admin dashboard of your online Magento 2 store.

This way you can disable Ajax Add to Cart on the product page in Magento 2 and allow your customer's smoothest and fastest checkout process by redirecting them to the checkout page directly after adding the product to their shopping cart for their quick order placement conveniently.

Hope, this article will be helpful for you! Please write down your comment below the comment section regarding the queries, concern or any kind of issues you face while configuring above settings. We will be glad to assist you.