Hide product description on home page collection only - Motion theme

Store Design
1

Hi folks.

Nearly time to finally release my shopify site but need help with a bit of code.
My featured collection section on home page currently looks like this…

product 1.png
product 1.png1170×863 207 KB

product 1.png
product 1.png1170×863 207 KB

But am trying hard to remove the product descriptions so it looks likes this…

product 2.png
product 2.png1170×652 540 KB

Also, may or may not be possible, would I be able to overlay the description on the pics on mouse over?
Similar to what I have on my old site as in the pic below?

product 3.png
product 3.png1069×701 656 KB

No worries if I cant do the overlay. Removing the description is my main issue.

Thanks to all

2

Hi @Gembo ,

can you please share your website URL? so, I can check and guide for the same.

3

Oh of course. it’s https://gembo-tique.myshopify.com

Thanks

4

HI @Gembo ,

Please add the below line of code at the end of your theme.css file. which you can find under assets folder of your theme.

.template-index .grid-product__meta{
display:none;
}
5

Thank you so much.
I added code to theme.css.liquid as it wouldn’t save in theme.css. Kept coming up with an error warning. Would this cause an issue?

Also, is there any chance to get the description to appear when you mouse over image?

Thank you again. Really really appreciate the help

6

HI,

I have to do some additional development to achieve this functionality. which is lil bit time consuming job.