Site logo

Archived topic

Woocommerce Checkout Update Cart Button

4 replies · Started by David on August 18, 2017

Viewing posts 1–5 of 5

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;
}

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;
}

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

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

Glad the styling is better :)

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.

This archived topic is closed to new replies.