Bug: Refreshing the Page ADDS additional Qty to Cart automatically

@shweta21

This kind of problem is usually caused by a conflict with your theme or with another plugin.
?
The best way to determine this is to:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Hello,

thank you for your response. This doesn’t seems only a issue, but rather a Bug or incorrect default behaviour of how Woocommerce works in such scenario.

As mentioned above, I have tested with the Default Twenty 21 theme, with NO such plugin activated. But that still appeared.
Also, the few Theme Developers also sugested that it is a default behaviour of Woocommerce.
I wanted to know, is this really how Woocommerce works.
If so, can you or concern please take a look into it thoroughly and help to resolve this issue in next upcoming update.

As No other professional Ecommerce site acts this way. Their behaviour don’t Add extra units upon refreshing the page. Take an example of Amazon, Etsy, eBay or any other custom site. Nor even Shopify, Magento too.

Please resolve this issue.

Regards

Hey @shweta21,

Thanks for getting back to us.

What you described is not happening during the tests I performed on one of my test sites running a basic installation of WordPress, WooCommerce, and the Twenty Twenty-One theme.

WooCommerce by default will not add another product to the cart when you refresh the page.

If that is happening with the demo sites at portotheme.com, which is not associated with WooCommerce, you’d want to get in touch with the portotheme.com support team to find out why that’s the default behavior with that specific setup on their demo sites. This is their contact page: https://www.portotheme.com/contact-us/.

Let us know if you have more questions.

Hello,
Thank you for your response. I think you might Not have read my message completely and properly. Otherwise you would not have wrote like that.

With WordPress, Woo and 21-21 theme, You might simply have done a page refresh directly on product page, just to replicate the issue. And this way alone, you might not find the actual issue.

I have clearly mentioned, that issue will arise, once you first Add Qty of any product to Cart, from the Single product page. Then, when you Refresh the same product page, the dialogue box appears, and clicking submit or OK on that, will Add another Qty to Cart automatically.

Let me try to explain with that Video-
1. Below 1st Video represents, what you might have tried. By simply and directly refreshing the Product page (with WPress, Woo and 20-21 theme)

https://watch.screencastify.com/v/ciM4ViVPhBm5vj3WF4c6

As per above video, issue won’t arise. As I myself also tried to show by Refreshing the Product page alone and nothing else and check the Cart page.

The issue will appear, only after adding the Qty of product to Cart first, from the Single Product page, and then refreshing the Same page.
Below video represents the same issue –
https://watch.screencastify.com/v/ciM4ViVPhBm5vj3WF4c6

URL of our site (i am showing the testing on), just in case – https://www.vasangini.com/product-category/tapestries/

Can you or concern team please take a look into it thoroughly and help to resolve this issue in next upcoming update. As this is very much frustrating.

PS: It solely depends upon the visitor or customer whether he wants to Refresh the page or not. It is their wish and one can refresh any page and at any point of time

Logically, there can be multiple reasons for refreshing the page. We as site owner cannot restrict them, nor they require permission from us to refresh the page.

Should not there be a way to update the query (and code), in a way, so that refreshing the page won’t Add additional units to Cart, automatically.
This is really a serious concern.

As No other professional Ecommerce site acts this way. Their behaviour don’t Add extra units upon refreshing the product page. Take an example of Amazon, Etsy, eBay or any other custom site. Nor even Shopify, Magento too. I think, No other CMS platform too

Please resolve this issue.`

Regards

Hello,

In addition to my previous message, The correct link for 2nd Video is below –

https://watch.screencastify.com/v/wMyreOPx1hrt13si92eq

Sorry for pasting the wrong link in my previous message.

Also, please read this line from previous message – “With WordPress, Woo and 21-21 theme,…. ”
as,
With WordPress, Woo and 20-21 theme,….

Regards

Hi @shweta21,

Thanks for sending over detailed instructions to replicate the issue and the very helpful video recording!

When you reload the product page after having already clicked on the “Add to Cart” button, the information is sent back to the server as it is a POST Request (see image: https://i.imgur.com/xMbmewR.png). This is expected for this type of HTTP method and you can read more here: https://www.w3schools.com/tags/ref_httpmethods.asp#:~:text=data%20will%20be%20re-submitted.

To avoid resubmitting information after reloading the page (and therefore not having an additional quantity in the cart), you may want to use the Ajax method via a plugin instead.

Ajax add to cart for WooCommerce plugin allows users to include single products or variable products in the cart without the need to reload the entire page each time.

Hope this helps! I’m going to close this topic now but if you have any further questions feel free to create a new topic.

Cheers.

Hello,

Thank you for your message.

I have gone through the link you shared.

You suggested – To avoid resubmitting information after reloading the page (and therefore not having an additional quantity in the cart), you may want to use the Ajax method via a plugin instead.

But as we know, that Adding Plugins for each of such single functionality, is not a good idea. Specially in terms of speed and overall management.
Devs, Experts and as per SEO, it is always recommended to install only mandatory (or very much necessary) plugins only, to keep simple and clean.

There are many ecommerce sites, that do not acts this way and have such bugs. Their behaviour don’t Add extra units upon refreshing the product page. Take an example of Amazon, Etsy, eBay or any other custom site. Nor even Shopify, Magento too. I think, No other CMS platform too

I understand that few of these might work on AJAX. But still, not all.
Even after that, they are following as per W3C Schools, but also not have any Qty issue upon Refresh of product page.

Is this something, that can be taken care of in upcoming update. Can the Woo team, think upon this, or built the AJAX method inbuilt (as default feature)

Please suggest and resolve

Regards

Hi there,

Thanks for getting back to us.

This is not actually a bug but it’s WooCommerce core expected behavior.

If you think using a plugin would slow down your site, you can use a custom-coded solution to implement Ajax functionality. Our WooCommerce Developer Resources cover how to get started with coding, but if you do require more help with the actual coding, we’d recommend hiring a developer or one of the customization experts listed at https://woocommerce.com/customizations/.

Best regards