Hello,
My website is currently showing the image below. I would like for the Title and Price to be hidden upon first look. Once the cursor is moved on top of the product image, the title and price would then be revealed on top of the now opaque image.
My current site: https://36-old-streets.myshopify.com/collections/all
Pass: 36streets
What I want my website page to look like when the cursor is above the product image:
When the cursor is NOT on top of the product, no title or price is shown:
Thank you for your time and help!!
Hi Ankur, I tried this but there is no change to the website. I am uploading both the codes you sent to theme.liquid file at the bottom. Copied below:
.product-card .product-card__title,
.product-card .product-card__price {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.product-card:hover .product-card__title,
.product-card:hover .product-card__price {
opacity: 1;
}
Hello @sundayflea ,
This issue can be resolved with a custom code.
Add the below-provided code before the tag in the theme.liquid file.
.product-card .product-card__title{
visibility: hidden;
}
.product-card .price--listing{
visibility: hidden;
}
Hope it helps. Let us know if you need any help from us.
Regards,
CedCommerce
1 Like
Hi,
This does not seem to be working for me. Can you please assist.
