[Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page – Themeco Community

[Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Jean-Louis N — Mon, 24 Feb 2014 20:46:15 +0000

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

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Kory — Tue, 25 Feb 2014 00:21:56 +0000

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!

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Christian W — Tue, 29 Apr 2014 00:40:07 +0000

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?

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Alexander — Tue, 29 Apr 2014 15:47:53 +0000

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.

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Victor D — Tue, 29 Jul 2014 04:22:09 +0000

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

Thanks!

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Rad — Wed, 30 Jul 2014 01:08:00 +0000

Hi Victor,

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

Thanks!

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Victor D — Wed, 30 Jul 2014 22:40:23 +0000

K thx!

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Kosher K — Thu, 31 Jul 2014 19:13:56 +0000

Thanks for waiting,

Cheers

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

muglife — Thu, 30 Apr 2015 01:48:03 +0000

Hi,

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

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

Thanks
Mike

Reply To: [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page

Rue Nel — Thu, 30 Apr 2015 04:27:42 +0000

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.