Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
  • #242738

    Hi, i installed woocommerce and create a variable product with different size. When it publish it and go to the product page as you can see i don’t have the Button ” Add to cart ” that show up
    like in this example

    Everything works fine on Simple product, i just have this issue with the variable product. Any tips to fix that ?
    Ps : i’am running the lastest Enfold version + the lastest woocommerce version too.


    Hi Stephane!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .single_variation_wrap {
    display: block!important;



    Hi Yigit, I’m sorry if this is seen as highjacking the post, but I had this issue and tried the fix you suggested. It worked for displaying the add to cart button, but when I select an option and click on the button it just refreshes the page and does not add item to cart. Please help?

    Thanks in advance!



    @styletheluxe: Thank you for the update. If you don’t mind, we would like to see the actual website where this is happening. Please post the website url here or open a new thread then post the website link there.

    Best regards,


    Hello, I had the same problem. The quick CSS worked, however the add to cart button bounces when it shows up. You can see it here

    Is there a solution?
    I deactivated all the plugins and it also didn’t change.



    Hello, I had the same problem.

    I updated the CSS and it brought up the add to cart button, but when I select an option and click add to cart, it returns a message saying ‘Please choose product options…’.

    Sample product is here

    Also, the ‘clear selection’ does not work.


    • This reply was modified 7 years ago by  bluff03.

    Sorry to bother you again, but could somebody please have a look at this, as my client wishes to sell her products now.



    @bluff03 Please deactivate all active plugins except for WooCommerce and check if that helps



    Hello, I’m also still having this problem. Are there any ideas? I deactivated all my plugins but it still has the same jumping effect on the add to cart button after I added the quick CSS code posted here.




    Please add following code to Quick CSS as well

    .single_variation_wrap { height: auto !important; }



    Thanks Yigit, now the description/review box is jumping.

    Please check this page




    Please add following code to Quick CSS as well

    form.variations_form.cart { height: 187px !important; }

    Best regards,


    @yigit thank you for your quick responses, unfortunately I have deactivated all plugins and I still have the same issue. I have also added all the CSS in the other posts.

    Please refer this URL:

    Does not recognise that a variant is selected and the *clear selection* does not work.

    Any other suggestions?



    Thank you for the update.

    Please try to add this at the very bottom of functions.php:

    add_action( 'wp_print_scripts', 'avf_descript_cart_fragments', 100 );
    function avf_descript_cart_fragments() {
        wp_dequeue_script( 'wc-cart-fragments' );
        return true;

    Let us know what happens. We’ll check it again after.



    @ismael, thank you, this has worked. I put it in the child functions.php, so it won’t be overwritten. Will this fix be included in the next version?

    Awesome, work and fast response. :D


    My apologies, but I think this may have now caused another issue.

    You can no longer see the ‘cart’ icon that usually pops up top right of the page. Also, you can see that there are no products showing in the cart in the cart widget.

    There are currently two products in the cart.



    Thank you for the info.

    I just tested if the snippet above will fix the script error on the console and it does remove the errors but somehow break the cart icon and the cart widget. Please remove the code on your child theme functions.php. I’ll ask Dude to check this. Also, please visit the wp-content/plugins folder then remove any unused plugin folders there.




    1) Please Update WooCommerce & Enfold to the latest version.

    2) Revert Ismael’s code mod.

    3) Deactivate all plugins except WooCommerce and check if the issue persists. If not activate the plugins one by one to find the conflicting plugin.

    Best regards,


    @dude, I have done as requested and all works well. I have also re-activated my plugins and everything is still working.

    Thank you and Ismael for the help.


Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Enfold : Add to cart button not showing up on variable product’ is closed to new replies.