The shopping cart is like a bridge between shoppers & sellers that enables the customer to check out the product that they are willing to purchase. That’s why it is an extremely important factor in delivering a great shopping experience to store customers. But sometimes store customer takes more time to check out the product once they added products to the cart by searching for more options and thinking over and over. At that time, quickly redirecting store customer to cart page and enforcing customer them to check out a product with drastically helps you to boost store conversions in no time.
Recently, one of our customers was worrying that even after he is getting tons of visitors he is not able to get a respective conversion that he should have. After researching and analyzing problems, we have listed some of the solutions and we tried, and this one has helped a lot by improving store conversion up to 5 to 10%. That’s why we decided to share this on our MageComp blog, to disable Ajax ‘Add to Cart’ option on a Product page of Magento 2.
Follow these 3 steps guide to disable Ajax ‘add to cart’ button and redirect your store customer to cart page once they add any product to their shopping cart.
Step-1: Open this file ‘addtocart.phtml’ file available on below location.
vendor\magento\module-catalog\view\frontend\templates\product\view\addtocart.phtml
Step-2: Now look for the below code available around line no-44 inside file.
|
1 2 3 4 5 6 7 8 9 |
<script type="text/x-magento-init"> { "#product_addtocart_form": { "Magento_Catalog/product/view/validation": { "radioCheckboxClosest": ".nested" } } } </script> |
And replace that code with given code.
|
1 2 3 4 5 6 7 8 9 10 |
<script type="text/x-magento-init"> { "#product_addtocart_form": { "Magento_Catalog/product/view/validation": { "bindSubmit": true, "radioCheckboxClosest": ".nested" } } } </script> |
NOTE: We always advised you not to make changes in core files, instead you can override this file by creating custom extension.
Step-3: Lastly navigate to backend admin dashboard and make following change in configuration.
Store->Configuration->Sales->Checkout->Shopping Cart->After Adding a Product Redirect to Shopping Cart to Yes.
Tadda, you have successfully implemented solution in your Magento 2 store. Now whenever your customer add products to frontend shopping cart extension will automatically redirect them to cart page.
Lastly, Comment down below if you face any issue while using this code.
Happy Redirecting!
When I try to disable ajax add to cart on Product page in Magento 2.Then it shows “Uncaught ReferenceError: Unable to process binding “if: function(){return displaySubtotal() }” in firebug console