Detailed Guide To Disable Magento 2 Ajax Cart On Product Page

This is the simplest tutorial on how to disable Magento 2 Ajax cart feature on the product page in Magento 2.

By default, the Magento 2 Add to Cart button uses an ajax, which means when a user clicks on it, it will add the product to the cart and keep the user on the product page. Clearly, it will slow down the order process of your customers.

So to boost the order process on your store, you should disable Magento 2 Ajax cart feature on the product page to redirect your customers directly to the checkout page after they choose an item. This way, you can motivate your customers to purchase and save their time to complete the order.

And in this article, we will show you a step-by-step tutorial on how to disable Magento 2 Ajax Add to cart.

Disable Magento 2 Ajax Cart On Product Page 

To disable it, follow these three steps.

Step 1: Find the below code from 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>

Step 2: Navigate to app/design/frontend/[Vendor]/[Theme]/Magento_Catalog/templates/product/view/addtocart.phtml and replace the follow 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>

Step 3: Go to Stores > Configuration > Sales > Checkout > Shopping Cart.

Here, you set the After Adding a Product Redirect to Shopping Cart to Yes.

This setting is to redirect customers from the product page to the checkout page when they click the Add to Cart button.

And that is it! With just three steps, you can disable the Magento 2 Ajax cart feature on the product page easily.

Best Solution For Magento Ajax Add-to-cart

Even though Ajax cart on product pages can be annoying, Ajax Add to cart popup on product listing pages, and category pages is an amazing feature to improve the shopping experience in your store.

Unfortunately, this feature isn’t a default of Magento, but there is a perfect solution for it:

Magento 2 Ajax Add To Cart extension by BSS

Price: $89

Free lifetime updates and support

This extension can help you power up the Add to Cart button.

As you know, there aren’t any actions in an eCommerce store that have a role like the Add to Cart button. It indicates buying intention from customers. It is like a  “stepping stone” for “real” buying steps to happen.

However, the default Add to Cart button can upset customers and block the potential to raise orders. 

Normally, when a customer clicks on the Add to Cart button on the category page, you need to wait a few seconds to be redirected to the product page. And to choose more items, they have to wait a few more seconds to be back on the product listing page.

But with Magento 2 Ajax Add To Cart extension, you can solve this problem.

This module allows setting up a product preview popup to show up when users click the Add to Cart button. Thanks to this popup, customers can preview product details and add it to the cart without any redirection.

Furthermore, this extension can help you upsell and cross-sell too. It will display the suggestible catalog at the revised cart popup so your customers can easily choose more related products at once.

There isn’t any more innovative and straightforward way to offer shoppers a reasonable catalog when they are in a shopping mood.

And last but not least, BSS’ Ajax Add To Cart extension is fully responsive to mobiles and tablets to provide a smooth shopping process on any device.

At the price of only $89, this is definitely an appealing deal to boost the add-to-cart rates and conversion rates in your store!

LEARN MORE about Add-To-Cart Rates and why Magento 2 Ajax Add To Cart extension is the best way to boost it!

Conclusion

In this article, we have shown you how to disable the Magento 2 Ajax cart feature to redirect your customers from the product page to the checkout page.

Moreover, we also introduced the best extension to take advantage of the Magento 2 Ajax Add To Cart feature to boost the add-to-cart rates and conversion rates in your store.

We hope this blog is helpful and good luck to you!

BSS Commerce is one of the leading Magento extension providers and web development services in the world. With experienced and certified Magento developers, we commit to bringing high-quality products and services to optimize your business effectively. Furthermore, we offer FREE Installation – FREE 1-year Support and FREE Lifetime Update for every Magento extension.

CONTACT NOW to let us know your problems. We are willing to support you every time.