How to apply a hover effect to product images - Brooklyn theme (2020)

maynorsuazo
Excursionist
17 0 4

I am trying to add a hover effect to all my product images so that a secondary image shows up when a users mouse hovers over the product. I'm using the brooklyn theme. Other discussion board doesn't seem to have a solution.

This is my site:

karizma-lashes.myshopify.com

Thanks so much!

0 Likes

Hi @maynorsuazo 

 

First, I have to say sorry that I can't access to your store due to password protection so I can't know what exactly theme you are using.

 

I found that Shopify have a topic that you might need in here, it may complicated a bit cause you have to add somes code.

 

Once you open your store again, I can know exactly what's happening and can give you the best solution.

 

Cheer!

PageFly - Advanced Shopify Page Builder.
- Get tips to personalize your page
- PageFly Page Builder: WebsiteYoutube | PageFly Community | Facebook| LinkedIn | Twitter
- Discover Shopify Stores’ Secrets with Koala Inspector
0 Likes
maynorsuazo
Excursionist
17 0 4
Hey Victor, you most likely can’t see my store because im still currently on the free trial so i can’t disable the password page but the theme i am using is the brooklyn theme. The link you sent me, is a discussion i’d previously tried to follow but couldn’t find the solution due to it be a different theme...
0 Likes

Dear maynorsuazo,

 

Are you looking for something like this https://mssignature.myshopify.com/collections/long-dress/products/sleeveless-short-fashion-dress-m3 ?

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
maynorsuazo
Excursionist
17 0 4

@MS-WEB-DESIGNER wrote:

Dear maynorsuazo,

 

Are you looking for something like this https://mssignature.myshopify.com/collections/long-dress/products/sleeveless-short-fashion-dress-m3 ?


Yes just like that, but for some reason it doesn't work for mobile view. But yes that's exactly how i want my products to look like. Any suggestions ?

0 Likes
maynorsuazo
Excursionist
17 0 4
im sorry, it does work on mobile view aswell but is more of a click hover effect (you have to click on image so get hover effect), if you could make it like how it is on desktop view (placing mouse or finger on picture creates hover effect) would be perfect, idk if im explaining myself properly. If not please ask so i could send a mini video