Removing Card Information With CSS Removes Ability To Navigate To Product Page - HELP

Store Design
1

Using Dawn theme, I am attempting to remove the card information from both Catalog and Homepage screens, in order to display the main product picture at all times.

I have attempted to modify the CSS style as such, but doing so removes the ability to navigate to the product page by clicking on the image.

.card__information {
  display: none;
}

Is there a way to preserve this functionality of clicking on the image to navigate to the product page, while removing the card information from the card?

This is how I want the site to look after removing the card content, but clicking on the images does not redirect me to a product page.

Shopify Page: https://shape-and-sharp.myshopify.com/

Password: auyigg

shape-and-sharp.myshopify.com_.png
shape-and-sharp.myshopify.com_.png1920×1080 112 KB

2

Hi @21pkqszsu ,

Please go to snippets > card-product.liquid file and add code here:

Screenshot.png
Screenshot.png1240×814 93.7 KB

Code:

Hope it helps!

3

hi guys thanks the code working but on my collection page all my collection product come without pictures product (soory for my english) if you can help me it will be amazing thanks !

4

Hi @e-com18 ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.