To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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
898 37 47

Hi @MarketingGuru,

 

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

Feel Free to Contact Us on WhatsApp | Email Us at info@instiqa.com
Develop Your Shopify Store with our Small Tasks, Shopify Custom Theme Development, and Shopify SEO Services.
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
898 37 47

You want to display all the product details on hover?

Feel Free to Contact Us on WhatsApp | Email Us at info@instiqa.com
Develop Your Shopify Store with our Small Tasks, Shopify Custom Theme Development, and Shopify SEO Services.
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.