Woocommerce Variable Product - Please choose product options… [closed]

Question

Running my own designed custom theme "mdbootstrap" designed by myself. Integrating WooCommerce 2.4.12. and upon testing there is an issue adding variable products to the cart. Basically the add to cart button is hidden and doesn't appear once a variant is selected .

If I switch to the TwentyEleven theme, the issue resolves itself.

I can force button to show by adding to css

.single_variation_wrap{display:block !important;}

but even then when I submit "Add to card" page is reloading and when I move to cart page I am getting error: Please choose product options…

Variable product: http://mdb.nomadflow.com/product/ecommerce-homepage-template/

Normal products works like a charm: http://mdb.nomadflow.com/product/blog-homepage-template/

You have to be logged in: username: test password: test

Answer 1

I'm not sure why but you have form tag inside a form tag.. and chrome is making it as one... view source and look for <form class="cart" method="post" enctype='multipart/form-data'> and <form class="variations_form cart" method="post"

<form class="variations_form cart" method="post" was removed by the browser which is the one needed by woocommerce.

Answer 2

Btw, as for all custom themes designed from scratch: do not forget to include wp_head() and wp_footer() functions as they are needed to let WooCommerce automatically link the necessary JS files. Those JS files are needed to make the WooCommerce do it's thing.

I just ran into this issue coding a theme from scratch and accidently deleting wp_footer().

Answer 3

I know this thread is older, but I had the same issue and I contacted WooThemes support and they said that…"We limit the amount of variations we show on the front end for speed. But sometimes you need more than 36 variations, so we offer that filter to override that limitation."

So you need to add this code below to your functions.php file and you're good to go. Worked for me. Hope that helps others that have this same issue:

function custom_wc_ajax_variation_threshold( $qty, $product ) {
    return 100;
}
add_filter( 'woocommerce_ajax_variation_threshold', 'custom_wc_ajax_variation_threshold', 100, 2 );