Navigation
Archive / [Woocommerce] 'Add to cart' button doesn't work when on the 'Shop' page
This is archived content. Visit our new forum.
  • Author
    Posts
  • February 24, 2014 at 2:46 pm #17375

    Jean-Louis N
    Participant

    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

    February 24, 2014 at 6:21 pm #17486

    Kory
    Keymaster

    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!

    April 28, 2014 at 7:40 pm #38282

    Christian W
    Participant

    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?

    April 29, 2014 at 10:47 am #38536

    Alexander
    Keymaster

    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.

    July 28, 2014 at 11:22 pm #74691

    Victor D
    Participant

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

    Thanks!

    July 29, 2014 at 8:08 pm #75154

    Rad
    Moderator

    Hi Victor,

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

    Thanks!

    July 30, 2014 at 5:40 pm #75621

    Victor D
    Participant

    K thx!

    July 31, 2014 at 2:13 pm #76103

    Kosher K
    Member

    Thanks for waiting,

    Cheers

    April 29, 2015 at 8:48 pm #261841

    muglife
    Participant

    Hi,

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

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

    Thanks
    Mike

    April 29, 2015 at 11:27 pm #261954

    Rue Nel
    Moderator

    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