Hover Image Brooklyn Theme

huginacupcoffee
Tourist
5 0 2

Hi guys,

 

I have already spent so much time trying to code the brooklyn theme that when you hover over an image from product in a collection list that another image will be shown.

 

I tried this tutorial already https://avada.io/shopify/devdocs/modify-the-code-for-your-product-images.html and nothing happened after follwoing all the steps. 

I also followed this tutorial https://serdumps.me/shopify-hover-on-product-brooklyn/ - it worked, but I wanted to keep the gray background frame around the products because I want to use the collage display and in white it just doesnt look right. So I spend a lot of time figuering out how to code the background in again. On the product page itself the background frame works however.

 

I hope you can help me out finding a solution.

 

Many Hugs 

David

 

www.huginacup.coffee

KetanKumar
Shopify Partner
16942 1840 6343

@huginacupcoffee 

sorry for this issue 

https://community.shopify.com/c/Shopify-Design/Collection-Add-a-hover-effect-to-product-images-on-yo...

can you please add this code and let me know so i will check if any issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
huginacupcoffee
Tourist
5 0 2

Hi,

 

thank you for commenting.

I tried this tutorial already as well and nothing happened.

I also read from others that this doesn't work for the brooklyn theme anymore apparently

0 Likes
KetanKumar
Shopify Partner
16942 1840 6343

@huginacupcoffee 

are you add this code and let me know

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes