Hello,
I would like to have the effect that when a customer hovers over a product image, it shows the product info (title) and price. I am using Debut theme. Please see screenshot and example website below:
Example site:
https://www.makieclothier.com/products/category/women/sweaters-cardigans-women/
My current site:
https://36-old-streets.myshopify.com/collections/dresses
Pass: 36streets
Thank you!!
Hello,
Please add the below code above in theme.liquid.
layout >> theme.liquid
.product-card .product-card__title{ transition:0.6s; } .product-card:hover .product-card__title{ opacity:0.4; border-bottom:none!important; }Thank you for your response, however, I am still not seeing the product title or price come up on the product image when I hover over it.
I would like for the title and price to appear on top of the image as seen in the picture below. The product box to the left. With the code provided, it just makes the product title become opaque. I would like for the product title and price to appear on top of the actual product image upon hovering over it. Thank you for your help and time!
