Site logo

Archived topic

Woocommerce Image hover on shop/category pages

34 replies · Started by John MacKenzie on April 5, 2020

Viewing posts 31–35 of 35

Try this:

@media(min-width: 769px) {
    .woocommerce ul.products li.product a img {
        width: 250px !important;
        height: 250px !important; 
    }

}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.woocommerce ul.products li.product:hover a img { 
    object-fit: contain;
}

Hi everyone,

Is there a way to show secondary image also on a woocommerce block as Products by Tag or Products by Category?

Thank you.

Thank you.

You're welcome, Adrian!

This archived topic is closed to new replies.