WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Adding Variations removes Add to Cart Button (47 posts)

  1. invot
    Member
    Posted 1 year ago #

    I'm trying to launch a store this week but ran into a BIG issue with the woocommerce plugin.

    After inserting variations, the "Add to Cart" button disappears (http://imgur.com/XEkAZx7), but the button shows up without a problem when there are no variations (http://imgur.com/dEHf5jU). Disabling the stylesheet, the button still does not appear. The button does, however, exist in the source code, but "display:none;" is hard-coded (inline) and that attribute doesn't seem to toggle once a variation is selected. What could cause this?

    http://wordpress.org/extend/plugins/woocommerce/

  2. invot
    Member
    Posted 1 year ago #

    It seems that the plugin isn't accepting my variation selections. When I unblock the Add to Cart button, select my variations, and then try to place an item in my cart, it says "Please choose product options…"

  3. invot
    Member
    Posted 1 year ago #

    Before anyone asks, I followed the instructions (http://wcdocs.woothemes.com/user-guide/product-variations/) and still no bueno :/

  4. bytheshore
    Member
    Posted 1 year ago #

    Same thing here. Any answers out there?

  5. citynode
    Member
    Posted 1 year ago #

    If you convert a simple product (with a price) to a variable product, the prices for each variation are not defined, and the 'add to cart' button will not appear. Did you re-define all the prices for each variation?

  6. bytheshore
    Member
    Posted 1 year ago #

    Thanks citynode. If the add to cart button will not appear, how does one add it to the shopping cart? When you say redefine the prices, there was no where to put prices. I guess I could add it next to the name of each scent i.e. lavendar $6|lemongrass $6|

    But again, how does one then add it to their cart?

  7. citynode
    Member
    Posted 1 year ago #

    no, don't try to add the price in the product name text area, it sounds like you just haven't found the place to enter price for variations yet.

    I'll try to take a screen grab to explain where to do that once I'm at a computer .. I'm just on my iPhone at the moment.

  8. citynode
    Member
    Posted 1 year ago #

    Ok, it sounds like your problem is that your variable product doesn't have a price assigned for each variation. There is no one field that controls it, you'll have to drill down to each variation and update them all.

    To add a price to each variation, from the WordPress dashboard select Products, and from the list select the product you want to modify.

    From the Product Data dialog, select the Variations tab.

    http://i45.tinypic.com/k2b9er.png

    Then, in order to see the Price you have to click on "Expand All" and THEN you will be able to see the Price and Sale Price fields. You'll have to enter a price, and a sale price if you wish, for each variation.

    http://i49.tinypic.com/5otceu.png

    Remember to save your product data, click Update in the upper right corner of the page before you close the page or move to another page.

  9. invot
    Member
    Posted 1 year ago #

    Thanks for you input everyone. I've already entered a price for each item's variation. Even with this information, the "Add to Cart" button is not displaying. Here's the information I have inputted: http://i50.tinypic.com/b86cna.png

    Is there something I did wrong here?

  10. bytheshore
    Member
    Posted 1 year ago #

    citynode - thank you so much for your help! The screen shots you showed me where a little different than what I saw on my screen. But, I now have a price and drop down to show selections. However, I don't have an add to cart button? Any suggestions? They are all the same price regardless of the scent.

    if you have time and can look at the website I would appreciate it.
    carolinashoresnaturalsoap.com

    P. S. How do you know all this?

  11. citynode
    Member
    Posted 1 year ago #

    I'll take a look! Your screenshot looks right, you have a price set for the variations.

    What theme are you using? I wonder ... if you used Wootique theme (or another of the free Woothemes Woocommerce themes) if this problem would still be there.

    How do I know this stuff? I'm just figuring it out now ... I've only been experimenting with woocommerce for a little while, but I intend to know it well for a project I'm working on, and in general because it seems to be the first ecommerce plugin for WordPress that I've found works well without extensive coding customization.

  12. citynode
    Member
    Posted 1 year ago #

    invot, what is the permalink to your product, there, so we can take a look at how it is presented?

  13. bytheshore
    Member
    Posted 1 year ago #

    I don't know any tech lingo--sorry. What is invot and permalink? Where would I find it.
    Also, I only picked this theme because I don't know what I am doing and I picked what was quick and what I thought easy. I'll take anything that's free and works easy.
    My theme is weaver II if that makes a difference. I got it from Word press when I was trying to figure everything out before I got Woo Commerce.

  14. citynode
    Member
    Posted 1 year ago #

    invot is another user here, his post is right above yours :D

    a permalink for a product would be found right at the top of a product's definition page, .... from the dashboard select Products -> (select the product in question) and look towards the top of the screen ... you can see it here:

    http://i47.tinypic.com/wb4fvt.png

    To control how your wordpress site handles permalinks, go to the dashboard then Settings -> Permalinks

    http://i45.tinypic.com/448b4.png

    Yeah, I would have to suggest for the time being you use a Woocommerce-ready theme ... perhaps one from WooThemes, there are a few of them that are free, including Wootique. I don't think they are available from the WordPress.org auto-install library, but you can find them on Woothemes' site. I think their site is getting hammered with traffic today because they just reintroduced the USPS, UPS and FedEx shipping extensions, plus there's a 50% off sale on extensions today.

    Woostore and some other themes run around $70 each, but the free ones will take you pretty far and are fully Woocommerce enabled.

  15. bytheshore
    Member
    Posted 1 year ago #

    I just tried to download the free wootique. Downloaded fine. When I went to install it it said it failed because there was no style.css sheet? I have no idea what that means. So my worry is that IF i bought one I would have similar downloading problems and no one to call to get an answer (right now we have to play 20 million questions).

    Permalink: http://www.carolinashoresnaturalsoap.com/shop/all-natural-bath-bombs/

  16. citynode
    Member
    Posted 1 year ago #

    Now, you should generally upload the .zip file to your wordpress installation. (I think it is best, especially if you aren't familiar with things like style.css, to use the uploader from within the WordPress dashboard (anything that is, from te dashboard, then Appearances, then Themes, then the Install Themes tab at the top of the screen.))

    But, just to figure out where the problem is .... I'd like you to use something to open the .zip file (wootique.zip) itself, and then inspect the contents. You're looking for a file called, surprise surprise, style.css, it should be loose in the directory or folder created from the un-zipped wootique.zip.

    If that file isn't there, then you didn't get a good copy of wootique after all. If it is there, then the error message you are getting is wrong and you should figure out why ... maybe there isn't enough memory allocated to WordPress on your server, or some other reason. But, you can eliminate one whole half of the issues by verifying whether the style.css file truly is or is not there in wootique.zip.

  17. bytheshore
    Member
    Posted 1 year ago #

    Citynode - thanks again. I went back and it uploaded. Before I activate it...I was wondering if you knew the following. If I activate the Wootique, make all the changes, etc. and then decide I can't figure that theme out and want to go back to my old theme (even though it's not perfect) can I do that? Or will I lose all the other stuff if I activate the new wootique theme?

    If I can do that, then I will try to make the changes and see if that darn cart will show up on that one item.

    I am so glad you are so helpful.

  18. citynode
    Member
    Posted 1 year ago #

    It depends on where you make changes, but if you are just sticking to core things like defining products, product categories, etc. then you can go back, sure.

    Things like menus, (custom menus) may be more supported by the Wootique theme than your previous theme (it supports two menu areas automatically, for example ... if you change back to a theme that only supports one, the second custom menu won't be visible.

    Most WordPress problems that can be solved by adopting a theme the supports your concerns, though ... you would be better off customizing a parent theme that does support your features, than building support into a theme that doesn't include it in the first place. (Unless you are or have your own, free-of-cost web developer.)

  19. bytheshore
    Member
    Posted 1 year ago #

    citynode - the new theme wootique seems to have fixed the problem I was having with not having the cart for varied products! Thanks.
    Do you have wootique? I can't seem to figure out why my home and about page are the same page. When I click on pages, I don't have a home page listed in the list of pages. If I try to add a "home" page, then there are two home pages that show up at the top bar. Is there a page for just wootique that addresses everything and or shows a video on every topic?
    carolinashoresnaturalsoap.com
    What do you think?

  20. citynode
    Member
    Posted 1 year ago #

    Yep, I just have a few test stores up so far, and I'm using Wootique for a couple of them.

    I'll check my settings and see what I can see.

  21. citynode
    Member
    Posted 1 year ago #

    Oh, one thing you should try is to vary the inventory for All Natural Bath Bombs, and upload a different featured image for each kind ... you'll enjoy seeing those update when you change the selected kind.

  22. citynode
    Member
    Posted 1 year ago #

    Well, the reason they are the same page is that your menu ... must be a custom menu, right? Well, both "About" and "Home" just go to your homepage ... the URL they both go to is http://carolinashoresnaturalsoap.com

    So, if you want them to be different pages, you'll need to either fix the menu to link to a different page, if one exists, or if it doesn't, you'll need to create one and then update the menu to link to it.

    There are a few different things about "pages" with Woocommerce, but I don't think your issue is related to the peculiarities of Woocommerce.

    So you ought to visit your "Appearance -> Menus" and "Pages -> All Pages" and see what's up there.

    You probably don't need to check "Woocommerce -> Settings -> Pages" just for reference and to make sure you aren't about to create a page that is automatically created or maintained by Woocommerce.

  23. citynode
    Member
    Posted 1 year ago #

    double-clicked the internet!

  24. invot
    Member
    Posted 1 year ago #

    @Citynode, the theme is custom, written by moi. Switching the theme to TwentyTwelve also fails to fix the problem. This site is for a client and I cannot give any links. It's also in dev mode so going to the url will bring nothing up but a landing page: http://www.shopg2g.com

  25. invot
    Member
    Posted 1 year ago #

    I also tried deactivating all my plugins... no avail.

  26. citynode
    Member
    Posted 1 year ago #

    I wouldn't have recommended switching to TwentyTwelve to work out what the problem was, I would have said to switch to the Wootique theme, or Artificer, one of the WooThemes themes that is known to support Woocommerce particularly well.

    That won't tell you where the problem is, exactly, but it will tell you if the problem is in your theme or in your implementation of Woocommerce.

    If you can't scrub your devsite clean of any confidential client information, to the point where you can share links, screenshots and settings, it is going to be hard for anyone to help you remotely.

  27. invot
    Member
    Posted 1 year ago #

    @citynode I switched to Artificer as you advised and still nothing *sigh*

    I'll whitelist a proxy IP address and you can get in that way. Here's the link:
    http://www.turbohide.com/browse.php?u=Oi8vc2hvcGcyZy5jb20%3D&b=5&f=norefer

    Let me know if you can figure anything out.

  28. citynode
    Member
    Posted 1 year ago #

    I can tell you one thing, the "add to cart" button shows up, but only after I select one or another of the tabs on the product page, and yes, right after I try to add it to my cart I get the "Please choose product options…" error message.

    But, this seems to be your custom theme again, so I can't say much more. I'd have to assume the problem is theme-related, since plenty of people are using the plugin without the same problem.

  29. invot
    Member
    Posted 1 year ago #

    I never noticed that the button appears if you click the tabs. That's really strange to me. Changing the theme to Artificer, the tab trick doesn't replicate. Still no Add to Cart button.

    Would you say reinstalling the plugin might fix the issue?

  30. invot
    Member
    Posted 1 year ago #

    Stranger still is that the tab trick only works when accessing the site through the proxy...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic