Add to cart button on shop page

[swanhaven]

How can I add an add to cart button that is always shown instead of the default hover behavior on the shop page?

[ruenel]

Hello There,

Thanks for writing in! Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce li.product .entry-header .button {
    position: relative;
    opacity: 1;
    top: auto;
    margin-top: 10px;
}

Please let us know if this works out for you.

[swanhaven]

Awesome that is just what I needed! I’m actually making a list display format and couldn’t find the class to get it to display. On this note if I could put in a feature request it would be awesome to have as much control over the woocommerce page designs as we do over other things in Pro. I’ve always felt like with most of pro you do a great job of giving us the “keys to the kingdom” so to say in the way we can make things look and work, but the woocommerce part has always felt a little under developed as far as our ability to control and style it to our liking, compared to other things in pro. Thanks again!

[Prasant]

Hello @swanhaven,

Sure thing and it’s a great idea to have a functionality wherein user can select the state on which they want to show add to cart button. I am taking this as a feature request and will add into our issue tracker.

Thanks.