How can I add product name under product photo?

[crescenthu]

Hi!

On my homepage, I have got some products on my homepage, and in the “All Products” tab. For some reason, neither of them display the price, and the name of the product under the picture of the product. How can I fix this?

These are two products, i would want the name of the product under the pictures.

https://zq2pbf-di.myshopify.com/
Pw: theaba

Thanks in advance!

[Guleria]

Hello @crescenthu ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your component-card.css file and paste the following code at the bottom:

.card--standard>.card__content .card__information { 
    display: contents; 
}

Regards
Guleria

[Dan-From-Ryviu]

You added this code somewhere, which caused the issue.

.card__information {
    opacity: 0 !important;
}

Please add this code to remove price and display product name only

.card__content .card__information {
    opacity: 1 !important;
}
.card__content .card__information .card-information { 
    display: none !important; 
}

[ProtoMan44]

@crescenthu , hey, thanks for posting here.
please remove this CSS from main-collection.liquid file internal code.

[AiTrillion]

Hi @crescenthu ,

To show both the price and heading change the below code from

.card__information {
opacity: 0 !important;

}

To

.card__information {
opacity: 0 !important;

}

Now, the price and heading will appear.

To only show price please add the below css to theme.css or base.css

.card__information .card__heading {

display: none

}

If you stuck somewhere, feel free to message me or reply me.

[crescenthu]

Thank you, perfect!