Add to Cart button not showing for Variable products on iPad/iPhone (4 posts)

  1. Chris Laursen
    Posted 3 years ago #

    Here is one of our variable product pages: http://www.mikekilgour.com/exovault/?product=exo16-grey-aluminum-cocobolo

    And for reference, one of our simple product pages: http://www.mikekilgour.com/exovault/?product=exo15-silver-aluminum-pau-ferro-2

    When you view any of the variable product pages on an iPad or iPhone, the Add to Cart button and the price do not show up at all. Even after you select an option from the Variables drop down menu. I notice on the laptop when you load the page or change your choice in the drop down that the Add to Cart section appears with a slide down animation, so I'm guessing whatever is doing that animation is not working on the iPad/iPhone... But I can't figure out how to disable the animation!

    We're using the Maya Shop theme 1.4 with WooCommerce 1.5.8 on WordPress 3.4.2


  2. Martin
    Posted 3 years ago #

    Unfortunately, I'm having the same issue except from desktop browser.

    Simple product shows the Add to Cart yet variable product just shows the drop-down and nothing else.

    There's certainly something screwy with variable products. Hopefully there's a fix soon.

  3. maanitshah
    Posted 3 years ago #

    I am currently having the same issue. I thought it was more an overall problem but after reading OPs post, I added a simple product, and I see the add to cart button. The variable product, however, is not visible (and I'm on desktop browser also).

    I am using the Jing theme. I've been reading through the forums and other similar issues, and a lot of them have mentioned about possibly having a jquery conflict, but I don't even know where to begin to look for this conflict. 
I checked and saw that my footer.php file has the wp_footer(); added before body closes.

    When I switched to the Twenty Eleven theme, the add to cart shows up and everything seems to work dandy! 
I don't have many plugins currently either, Akismet and Shareaholic are the only two besides WooCommerce.

    http://www.mshahphotography.com is my website in case you want to see the problem.
www.mshahphotography.com/shop will take you to the products page (the one with a picture is a variable product, the blank one is simple product)

    Can someone please assist me in resolving this problem? Thank you

  4. bheadrick
    Posted 3 years ago #

    You can't disable the animation. it doesn't just hide one thing and show another. It actually modifies the content when you change the selection. (not very good design from a "degrading gracefully" perspective)
    This functionality works perfectly on mobile when using the 2011 theme or a woothemes theme, so it's either
    I see no products in your shop.
    did you try disabling your plugins other than woocommerce to see if the problem went away?

    Shareaholic seems most likely to be the problem.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic