[Resolved] Woocommerce Checkout Update Cart Button

[David]

Hi Tom,

just a niggle, the Update Cart button on checkout is greyed-out until an update is made. Depending on button styling this can look a little ugly. I use the following fix to hide it complete until updated. It’s not perfect as the button is still there and detectable. Maybe you have a better way of hiding it and would be nice to have it in the theme.

.woocommerce input.button:disabled[disabled]{
	opacity: 0;
}

[Tom]

How about this?:

.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled], 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover {
    background-color: transparent;
    color: initial;
    opacity: 0.3;
}

[David]

Hi Tom – thanks, yes that works.
Do you think it’s better that a disabled button should still have some visibility?

[Tom]

Yea, it should likely at least be somewhat visible I think.

Glad the styling is better 🙂

[David]

I’ll mull it over. I’m inclined to agree although i do usually prefer that a button is only visible if it does something.

[Author]

Posts