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

Highlighted
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
Highlighted

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.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
- [Master Guides]: Get Your Shopify Store Ready for Black Friday
0 Likes
Highlighted
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
Shopify Partner
1823 116 278

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
9.9/10 Customer Rating | 1000+ Happy Clients | 100% Satisfaction Or Money Back Guarantee
0 Likes
Highlighted
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
Highlighted
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
1 Like