How to Remove Product Title/Price from Collection Pages, Keep Image Linked to Product Page?

Store Design
1

Hello!

I posted another thread here yesterday where I thought I had gotten a solution, but I am realizing this morning that it has removed the ability to click on the images to go to the product page. This is actually very useful for a different page, but I still need one of my collection pages to be clickable.

Here is the code I used in component-card.css that removed everything including the links:

.card:not(.ratio)>.card__content
{
display: none !important;
}

I would like to remove the titles/prices from all collections pages (but keep them on the product pages), and I need one of my collections to have clickable images and one of them unclickable.

I am using the Studio theme. This screenshot is the page I am wanting to keep linked images. Here is a link: https://px6uqahqvohmdigl-59244052537.shopifypreview.com

ALSO Can anyone help me remove the empty space in my footer between my logo and copyright?

Thank you for any advice you have!

Screen Shot 2022-08-12 at 7.27.12 AM.png
Screen Shot 2022-08-12 at 7.27.12 AM.png2880Ɨ1566 290 KB

2

Hi @talula

Iā€™m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.card__content{

display: none !important;

}

.footer__content-top {

padding-bottom: 0 !important;

}

.footer-block__details-content {

margin-bottom: -50px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

1 Like
3

This solved the footer problem, thank you!

As for the titles/prices, it did remove them, but the links are gone too. Is there a way to still be able to click on the images to go to the product page?

Thank you so much for your help!

4

hey it is a difficult one, but you can try this code paste it at the bottom of base.css, and remove the other code that includes display:none

.card__content {
    opacity: 0;
    height: 0;
}
1 Like
5

Thank you so much, this did exactly what I needed!