Make carrousel grid same as mobile

Hello,

There is multiple choice concernant product styles in grid. However I would like something super minimalist.

Today I choose “Full info on hover”, but I would like to delete everything on hover (shadow, select option button, price) and put only title below the image. Like on mobile.

Concerning mobile, I would like to hide the price on carrousel grid and make it appear only on product page. Just leave the product title

Pictures attached for easier comprehension.

Thank you a lot.

Sincerely,
Romain

Attachments:

You must be logged in to view attached files.

Hello,

You would better set “Standard buttons” and use this code:

body .woodmart-hover-standard .woodmart-buttons.wd-pos-r-t {
display:none;
}

You will get a result like this: https://prnt.sc/v6ix8v

If I remove buttons on whoever in the current “Full info on hover”, the Add to cart button would be also removed.

Best Regards

It works perfectly !!

Can you please helpt me to delete button below the product : Select Option and Read more ? and hide the price also

Thank you very much

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-hover-standard .woodmart-add-btn {
    display:none;
}
body .product-grid-item .price {
    display:none;
}

Best Regards

It works perfectly, thank you !

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts