Docs

[Jean-Louis N]

Hi, I’m using Woocommerce version 2.0.20.
Testing a shopping page below:
http://jeanlouis.co/20140217/?post_type=product

‘Add to cart’ doesn’t work.
It does work when I click on an individual product, then click ‘Add to cart’. It doesn’t work on the ‘Shop’ page. Is there a fix for this?

Thanks

[Kory]

Hey Jean-Louis,

Thanks for writing in! We will need to take a deeper look into this, but wanted to let you know that we also plan on implementing some additions to WooCommerce in a coming release of the theme, including an AJAX shopping cart which will help with this particular situation.

Thanks!

[Christian W]

Hi ..
I also see this behaviour ….
The button does actually Work but there is no “notification” to the user that the product was added.
This is when options in woocommerce catalog page is set to “Enable AJAX add to cart buttons on archives”

What is status on this or maybe you can post some idea how to write a small function to display a message on the page when added with Ajax?

[Alexander]

Hi there,

Just to confirm, yes it works, but without an indication. For now it’s best to disable the AJAX cart and allow the page to refresh. This is something we’re working on improving for better WooCommerce integration.

[Victor D]

Hello, Has there been an update to better support this feature?

Thanks!

[Rad]

Hi Victor,

No news about this as of this moment but it will be implemented. No particular time yet but will be posted.

Thanks!

[Victor D]

K thx!

[Kosher K]

Thanks for waiting,

Cheers

[muglife]

Hi,

I’m having this exact issue. Was it never resolved?

If not, how do I disable AJAX cart, please?

Thanks
Mike

[Rue Nel]

Hello @Muglife,

Thanks for posting in!

You can disable Ajax under WooCommerce > Settings > Products > Display > Add to cart behaviour by unchecking “Enable AJAX add to cart buttons on archives”.

You can also try this custom css code in your customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .added_to_cart, 
.woocommerce-page li.product .added_to_cart {
 display: inline-block !important;
 margin-top: 0.45em;
 position: absolute;
 top: -130px;
 left: 15%;
 color: white;
 background-color: #91b03c;
 border: 1px solid #7a9533;
 text-shadow: 0 -1px 0 #7a9533;
 padding: 0.325em 0.5em;
 border-radius: 4px;
 text-align: center;
 width: 70%;
 font-size: 90%;
}

What this code does is to display the added to cart button once you have added a product to your cart and the AJAX add to cart is enabled.

Please let us know if this works out for you.

[Author]

Posts