Reveal second image on hover - Debut theme

Solved
iamcurious
Excursionist
21 0 12

Hi, would really appreciate some help with this – been trying to follow some threads on this topic but to no avail.

I would like to have the second image of each product revealed on hover. Am using Debut theme.

Thanks very much!

My site is www.curiouslah.com

Replies 133 (133)
JessBo
Excursionist
18 0 6

Thanks so much, that has worked however there seems to be an added scroll tab on the first section of the website which you will be able to see on 

 

https://studiobhomeware.com/

 

Also is it possible to make this hover to the last image rather than the second image?

 

Many thanks 

 

Jess 

JessBo
Excursionist
18 0 6

Hi There

 

Thanks so much.

 

I just wanted to check in to see if you saw my response on this (copied below) the website is live and has this additional scroll bar now showing on some pages which I would love to get fixed as soon as I could. 

 

Thanks 

 

Thanks so much, that has worked however there seems to be an added scroll tab on the first section of the website which you will be able to see on 

 

https://studiobhomeware.com/

 

Also is it possible to make this hover to the last image rather than the second image?

 

Many thanks 

 

Jess 

camilaorozcom
Tourist
4 0 2

Hello, 

 

Can not find any CSS.liquid not even styles.css.liquid

camilaorozcom
Tourist
4 0 2

Hello,

 

I tried this code and worked but now I have 2 product rows. One not working and the second one with the hover, as you can see

 

Captura de Pantalla 2022-08-10 a la(s) 11.55.10 a. m..png

KetanKumar
Shopify Partner
36503 3621 11766

@JessBo 

i have check its work please share screenshot if any issue 

@camilaorozcom 

cam you please send store url

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JessBo
Excursionist
18 0 6

Hi There

 

See below - The hover works however there are 2 cursor arrows now showing on some pages.

 

I would also like to shoe the last image on hover if you can advise how to do this.

 

Thank you 

 

JessBo_0-1660212246409.png

JessBo_1-1660212315573.png

 

JessBo
Excursionist
18 0 6

Hi There 

 

Have you had a chance to look at my reply below - you will see the extra cursor on the right side.

 

This only happens with the desktop view. Can you advise how to fix this please

 

Many thanks 

 

Jess 

KetanKumar
Shopify Partner
36503 3621 11766

@JessBo 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.grid--view-items {overflow: visible;}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JessBo
Excursionist
18 0 6

Unfortunately that doesnt seem to work - see link below

 

https://0w0dgxefelzvoi6y-53377695903.shopifypreview.com

 

I am also looking to change the hover image to the last image instead of the second image if possible please.

 

Thank you 

 

Jess 

JessBo
Excursionist
18 0 6

Unfortunately that doesnt seem to work - see link below

 

https://0w0dgxefelzvoi6y-53377695903.shopifypreview.com

 

I am also looking to change the hover image to the last image instead of the second image if possible please.

 

Thank you 

 

Jess 

KetanKumar
Shopify Partner
36503 3621 11766

@JessBo 

KetanKumar_0-1661774436593.png

 

your link doesn't work

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JessBo
Excursionist
18 0 6
JessBo
Excursionist
18 0 6

Hi There

 

Have you had a chance to look at this. I would really apprecaite if you could assist me with 

 

1 - removing the extra cursor arrows pictured above

 

2 - showing the last image on hover rather than the second.

 

You can view here - I believe the cursor issue may only present on windows rather than a mac laptop. 

 

www.studiobhomeware.com 

 

Thank you 

 

 

JessBo
Excursionist
18 0 6
Hi There

Sorry for another message but I would really like to fix this issue of the extra side bar. You can see this on the homepage on www.studiobhomeware.com<> screen shot below.

Please also let me know how I can change to reveal the last image on hover instead of the second

Thank you in advance 😊

[cid:image004.png@01D8C696.8E657F00]