Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Sephora - Product Slider :hover custom css

Sephora - Product Slider :hover custom css

MarketingGuru
Tourist
8 0 0

Hello Shopify Community,

 

Is it possible to get this hover with custom css without any further adjustments in the liquid file?

 

The first right image corresponds to :hover

Kind regards
MarketingGuru

Bildschirmfoto 2022-09-14 um 14.45.21.pngBildschirmfoto 2022-09-14 um 14.48.30.png

Replies 4 (4)

SmallTask
Shopify Partner
973 41 55

Hi @MarketingGuru,

 

Can you share your website URL. We can check and provide you solution

banned
MarketingGuru
Tourist
8 0 0

Thank you very much. I have deactivated all other sections so that you can find the product slider directly.

 

Shopify Link: www.loeverade.myshopify.com

Password: yawsao

SmallTask
Shopify Partner
973 41 55

You want to display all the product details on hover?

banned
MarketingGuru
Tourist
8 0 0

Yes. Basically, it's about displaying the product information that my store has, which is the brand, the product name, and the content size of the product like on Sephora when you mouse over it.

 

I'm preferably concerned with the :hover effect on the product slider. So the "Add to Cart" is at the bottom when :hovering, like on Sephora and the product information is pushed up like on the image.