Variation Product

Posted by: Iain Morris

31st March 2020, 11:59 pm

Iain Morris

@esllessonhandouts

31 Mar 2020
11:59 pm

Hi there,

I just introduced a Variation product to my shop and on that product page an "add to cart" (shown as Continue) with the number of products to add appears.  When a variation is selected, the download button is shown correctly after the add to cart briefly flashes on the screen.  I can hide the "Add to cart" when no Variation is selected with CSS but it also hides it from a Variation Subscription I use.  Can you think of any way to remove the Add to Cart when no variation is selected?  If I set a default Variation, the add to cart button flashes briefly but then the Download button is displayed.  I would rather have the user choose the variation before downloading.

  • Iain Morris

    @esllessonhandouts

    1 Apr 2020
    2:20 am

    I added the CSS to hide the variable product 'Add to Cart' on the product page only so the subscription page isn't affected.  It works, just thought there might be a setting I missed in the plugin.

    /* Hide Cart for Variable Products */
    .woocommerce-variation-add-to-cart {
    display: none!important;
    }

  • Developer
    Richard Webster

    @rwebster

    1 Apr 2020
    7:07 am

    Hi mate this is probably theme dependent. The default Storefront theme doesn't have this problem, but I have seen it on various other themes people are using.

  • Iain Morris

    @esllessonhandouts

    1 Apr 2020
    11:21 am

    Thank you for your reply Richard!  And thank you for confirming its the theme.

    Iain

  • Developer
    Richard Webster

    @rwebster

    1 Apr 2020
    11:27 am

    Yea it's caused by the JavaScript used to display the variations, and it's probably just a little glitch that just needs a tweak.