Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 23, 2016 at 4:26 pm #587778
    hammm

    Hi Guys,
    After installing the update of Woocommerce (version 2.5.0. and also 2.5.2) the add-to-cart-button keeps showing on the products page for variable products regardless of whether variables have been selected.
    When variables are not selected, clicking the add to cart button does not do a thing but looks for the customer as enabled (also the button color changes on hover).
    The cart button is shown at all times due to user requests, and this would be fine. However how can I change the style of a disabled button in the Enfold theme, so that it is clear to the customer that the add-to-cart-button is disabled?

    Thanks,
    Jos

    February 24, 2016 at 8:37 am #588214
    Rikard

    Hi Jos,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    February 24, 2016 at 9:49 am #588257
    hammm

    Hi Rikard,

    I’m still developing local on the website, so I haven’t the site online. May be within a couple of weeks. The behavior is the same as all the plugins (except WooCommerce itself) are disabled.
    I tested the woocommerce update also with the Enfold Shop Demo. The behaviour is there the same with variable products.

    Regards,
    Jos

    February 25, 2016 at 1:36 pm #589038
    Vinay

    Hey!

    If you right click and inspect the cart the CSS class will be available to which you have to apply some custom CSS like

    Pointer-events:none; and opacity: .5; so that the cart will look disabled. Our setup might be different from you’s depending on the parent classes and the way the site is setup the classes may vary hence we request you to share the link to the page where we can inspect the element and provide you with accurate CSS.

    If it is going to take you couple of weeks to get it online that is not an issue please do get in touch with us when we can inspect the element in question we will be more than happy to help you with the necessary CSS.

    Cheers!
    Vinay Kashyap

    February 27, 2016 at 8:59 pm #590294
    hammm

    Hi Vinnie,
    I could not find the solution. I will contact you again when the site is online.
    thanks,
    Jos

    February 27, 2016 at 10:33 pm #590301
    hammm

    After some trial and error I have the add-to-card-button disabled. The standard woocommerce tooltip will still displayed on hover.
    Thanks for your suggestion Vinay!

    div.single_variation_wrap.woocommerce-variation-add-to-cart button[disabled]:active, button[disabled],
    input[type=”button”][disabled]:active,
    input[type=”button”][disabled],
    input[type=”submit”][disabled]:active,
    input[type=”submit”][disabled],
    button[disabled]:hover,
    input[type=”button”][disabled]:hover,
    input[type=”submit”][disabled]:hover
    {
    pointer-events:hover;
    opacity: .3;
    }

    February 29, 2016 at 12:35 pm #590686
    Vinay

    Hey!

    Is the issue resolved for you? if not please share the link so we can trouble shoot it further…

    Regards,
    Vinay Kashyap

    February 29, 2016 at 5:18 pm #590959
    hammm

    Yes the issue is resolved with the css i posted.
    Thanks for your support!

    Jos

    March 1, 2016 at 7:15 am #591369
    Rikard

    Hi Jos,

    Great, glad you got it fixed :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Styling disbaled Woocomerce add-to-cart-button’ is closed to new replies.