Make carrousel grid same as mobile

This topic has 5 replies, 2 voices, and was last updated 4 years, 6 months ago by Elise Noromit.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 25, 2020 at 10:48 am #235936

romain
Participant

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.

October 25, 2020 at 5:02 pm #235990
Elise Noromit
Member
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
October 25, 2020 at 6:09 pm #236006

romain
Participant

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

October 25, 2020 at 8:24 pm #236022
Elise Noromit
Member
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
October 25, 2020 at 8:45 pm #236037

romain
Participant

It works perfectly, thank you !

October 26, 2020 at 9:54 am #236142

Elise Noromit
Member

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

Best Regards
Author

Posts