Brooklyn Theme Hover Effect

[UrbanB]

Hi,

I've tried looking through the forums, youtube, reddit and attempted to add hover function so that when the mouse hovers over, the 2nd image shows instead. However I could not do them successfully without causing some distortion to the images or layout or completely blanked images.

Was wondering if anyone can help me with this? 

[Tejas_Nadpara]

@UrbanB 

Follow the instruction as per the guide:

https://avada.io/shopify/devdocs/modify-the-code-for-your-product-images.html

Thank you,

Tejas

[UrbanB]

Dear Tejas,

I actually followed the link provided but I could not get it to hover to
the second image at all. Also, I saw many other people posting on the
community that mentions the link does not work for the Brooklyn theme?

But when i followed this link:
https://community.shopify.com/c/Shopify-Design/Hover-Effect-doesn-t-work-in-Brooklyn-Theme/td-p/3883...,
i managed to get the hover, but both images became very light coloured so i
just reverted everything to original for now.

Is there any other guide I can follow?

Kind Regards,
Tresa Lee

[Tejas_Nadpara]

@UrbanB 

Send me your store URL, I will send the request for the Shopify collaborate account so I can access the theme file and fix it from my side.

Thank you,

Tejas

[UrbanB]

Dear Tejas,

Thanks for your help.

Store URL as below:
https://urbanbeautylashes.com/?_cd=335f7a55293833f6c768802d4bc57242f68edb56d694402489842149a634dc85&...


password: laowhe

Kind Regards,
Tresa Lee

[Tejas_Nadpara]

@UrbanB 

I sent you request for the Shopify collaborate account, accept it so I can add hover effect.

Thank you,

Tejas

[UrbanB]

Dear Tejas,

I've accepted the collaboration account, sorry for the late reply.

Love & Regards,
Urban Beauty Team | *https://urbanbeauty-ny.myshopify.com
*

[Tejas_Nadpara · Accepted solution]

@UrbanB 

Done! check it now!

Cheers,

Tejas

[UrbanB]

Dear Tejas,

Thanks for the help! Saw it, it works! but the 2nd image seems a bit
squashed, is there any way to help fix it?

Kind Regards,
Tresa Lee

[Tejas_Nadpara]

@UrbanB 

I did little change for images, check it now.

Thank you,

Tejas