Brooklyn Theme Hover Effect

Solved
UrbanB
Tourist
6 0 0

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? 

0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 479

@UrbanB 

 

Follow the instruction as per the guide:

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

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
UrbanB
Tourist
6 0 0
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
0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 479

@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

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
UrbanB
Tourist
6 0 0
Dear Tejas,

Thanks for your help.

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


password: laowhe

Kind Regards,
Tresa Lee
0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 479

@UrbanB 

 

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

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
UrbanB
Tourist
6 0 0
Dear Tejas,

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

Love & Regards,
Urban Beauty Team | *https://urbanbeauty-ny.myshopify.com
*
0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 479

This is an accepted solution.

@UrbanB 

 

Done! check it now!

 

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
UrbanB
Tourist
6 0 0
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
0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 479

@UrbanB 

 

I did little change for images, check it now.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes