[resolved] Adding Variations removes Add to Cart Button (47 posts)

  1. citynode
    Posted 3 years ago #

    Very strange! I don't think reinstalling the plugin would help but why not try it. You aren't getting any love (success) from anything else.

    Though - my usual approach to this sort of thing is to rebuild a test site from a totally diffferent URL/domain name, to be sure that no detritus of earlier development gets in the way. You're trying to troubleshoot, after all, so you want to eliminate contamination. So, build up a new WordPress installation, add the Woocommerce plugin, and work your way back from general to specific, leaving styling options for the last. If you can get it working completely, and then you bring in your custom theme and it won't work, then you have your problem located. If you find that you can replicate the problem earlier than the theme stage, by adding plugins or something else, then you can perhaps rule out your theme as the culprit.

  2. bytheshore
    Posted 3 years ago #

    citynode: Since I switched to Wootique, the add to cart button works. Whereas it wasn't working in my other theme.

    I still have that problem ( and I know I did something wrong when building the website). Whereas my home and about page are the same URL. I have no idea how to change that. I am worried that I have to start from scratch and don't want to do that since I know nothing about technology. At this point I am going to keep my home and about page the same. I will make a new post asking for help soon.

    Thanks again for your help. This is still a work in progress.
    P. S. If it looks a little bland it's not because I don't want to add anything, it's because I am still trying to figure out how to add categories, etc. I know absolutely nothing about code. It's a matter of pressing buttons and seeing what happens. :)

  3. citynode
    Posted 3 years ago #

    Making the Home and About pages different should be pretty easy.

    So, to start with ... it isn't that they are just reading the same ... those ARE the same page. So all you need, is to create a new, different page to be your about page, and then to update your menus to point to that page from the "About" button.

    I wouldn't worry about starting from scratch, either ... if you can't rebuild it better in half the time you took to build it up on the first place, you probably should be taking better notes along the way! But, it is always worth a little time trying to undo mistakes you've made along the way, it helps you understand the way things work better.

    A lot depends on your theme. Some themes have things in them you don't want or need, and some create things you start to rely on ... even if they aren't WordPress standards.

    To fix your Home-About issue you would need to figure out a couple of things, first (which of those pages actually exist, and how you have your menus set up) - so to start, from the dashboard go to Pages -> All Pages, and check to make sure you don't have a separate Home and About page already. With one theme for one of my sites, the Wootique theme creates a Home page more or less automatically, so it doesn't even appear in my list of pages. Still, I know it is there ... and the theme options let me populate it with blog posts, featured products and a list of products. You should figure out what pages are created by your theme or plugins, but if you don't know them all right away, just make notes about them as you go.

    Assuming you do not have an About page already, click Appearance -> Menus, note which menu area you are using, see if there is a custom menu being used in that area already. If there is a custom menu being used, edit it and get rid of the About page in that menus. If there is not a custom menu being used, create one that suits you but leave the About link out of it for the moment.

    Then go to Pages -> Add New and create a new fresh, different "About" page. Put some copy on it or an image so you can distinguish it from your old one.

    Then go back and re-edit the custom menu to include your new About page.

  4. bytheshore
    Posted 3 years ago #

    citynode - I made the changes you suggested. I had no idea how to use the menu. Everything looks better. But, if you enter my url carolinashoresnaturalsoap.com it goes right to the About page that I did not include in the menu when I was creating it--as you said). Notice there isn't even an About in my menu.?$%^&*()

    In APPEARANCE, MENUS under Pages, when I click on View All here is what I see. Again, I did not add About to the menu I created just now.

    My Account
    Track Your Order

    Is this an easy fix? Otherwise, I guess it's not a problem that my link goes to an About page but its not on my menu?

    P. S. You are so helpful. I hope you like handmade soap because you are my new bff. You have to have a computer background?

  5. invot
    Posted 3 years ago #

    @bytheshore: Oh! Something I know! It appears to me that you made a page called "home" and that your "about" content is set to show in your index (your real homepage).

    In the back end, you will need to navigate to: Apperance -> Editor

    By default, the style sheet should display. Select "Main Index Template."

    Somewhere in the code (I'm unsure where because I don't have access to your theme) you will find the word "about" or something similar. comment out this line with <!-- at the beginning and --> at the end. Save it and see what that does.

  6. citynode
    Posted 3 years ago #

    Be careful before you commit to doing anything in "Editor" ... it is editing the actual theme files, you should always have a backup of your theme ready to switch to in case you fudge it up.

    Have you ever made a backup of your theme? If you can get into your site by FTP, you will be able to find a folder containing all your theme files. Download that to your local computer for safekeeping, make it into a ZIP file to make sure you don't mistakenly edit those files anymore.

    I am a little short on time to explain it now but I think this guy explains it well:


  7. invot
    Posted 3 years ago #


    Ahhhh... so, the problem was indeed the theme. However, it was also a number of plugins.

    Here's what's up:

    WooCommerce uses jQuery 1.8, while my theme and a number of my plugins used version 1.6. For whatever reason, this was causing the site to simply not employ certain functions due to a conflict between the two jQueary files.

    I simply removed jQueary from my theme's folder (located in "js") and TAaaaDAAaaa! Everything works! *huge sigh*

    I've practically lost my mind over this issue so I am indeed very happy. Citynode, I owe you for all your help!

  8. citynode
    Posted 3 years ago #


  9. invot
    Posted 3 years ago #

    @bytheshore: I'm going to mark this topic as resolved.

    It seems like your problems went from one thing to another, you might want to start a new thread before this one veers off on another direction.

  10. bytheshore
    Posted 3 years ago #

    Sounds good.
    citynode: send me your address when you can to my gmail
    Thanks. See you on my next question.

  11. PLWillover
    Posted 2 years ago #

    There has been alot of commentary about this already - and I've tried several fixes - and still my 'Add-To-Cart' button does not show up - for simple products or variations. The variations have been set correctly with defaults so that the button should show up. Additionally, if you refresh the page after selecting an item, the cart button does show up. This is also true of the WooCommerce extension FB Like and Pinit buttons on the same page(s).
    I have a new responsive theme from Theme Forest - 'Minimum', and the latest WooCommerce plugin.
    Is there a simple answer to this? See: sofiajewelry.com

  12. neylla
    Posted 2 years ago #

    Hello. I have the same problem with WooCommerce "add to cart" button.
    When i choose variable product, then on products page instead "add to cart" show "select options"

    i had read all those messages what people write here and did not find answer

    Anybody know how to fix this problem?

  13. afiffauzi91
    Posted 2 years ago #

    Hi, i face same problem.

    I simply removed jQueary from my theme's folder (located in "js") and TAaaaDAAaaa! Everything works! *huge sigh*

    But i cant fix it by delete jquery. I use same theme.
    anyone know to fix my problem? thx


  14. M.lancesmith
    Posted 2 years ago #

    Hi guys,

    I have set up a store and followed all the guides to adding products and all the variations but I just can't seem to add a cart button.

    The only plugins I have activated are woocommerce and SEO, and the only theme I have is one I brought from UFO themes.

    The site is http://www.windupclothing.com

    The only thing I need is the cart button and I can get this bad boy rolling

  15. danWithABeard
    Posted 2 years ago #

    Hello there:

    I just had this issue with one of my websites,
    and was able to fix it with a different method.

    Hopefully this will be able to help someone:

    - I updated WooCommerce to version 2.0.20
    - I needed to manually update jquery.cookie.js to version 1.4.0
    - Within the woocommerce.php plugin file, I had to adjust the cookie.js registration on line 1171 to reflect the new version number.

    Happy Monday,

  16. scottsubzero
    Posted 2 years ago #

    I am having problems with a new install of Woocommerce ... I have 3 products listed but I can't add them to cart ... There is no option any ideas?

  17. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    You can create your own thread here: http://wordpress.org/support/plugin/woocommerce#postform

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic