Image change on hover on Spotlight on desktop with cursor and on phone/tablet while touching image

Image change on hover on Spotlight on desktop with cursor and on phone/tablet while touching image

ll08
Tourist
7 0 2

Hello, I am using the Spotlight theme and trying to get an image to change while I hover with the cursor on the desktop and while I tap or touch the image while scrolling on a phone or tablet.  I want to effect to work on the collection images and the product images as well.  I have searched for codes and I've tried a few but they don't seem to work.  I don't know if I'm not incorporating the codes correctly into the theme.  Any help would be greatly appreciated.  Thanks.

Replies 7 (7)

KetanKumar
Shopify Partner
37622 3670 12166

@ll08 
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
ll08
Tourist
7 0 2

Okay, cool.  Here's my website: ELunaBrand.com.  Thanks for your help.

KetanKumar
Shopify Partner
37622 3670 12166

@ll08 thanks for URL can you please enable theme setting on hover change image please 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
ll08
Tourist
7 0 2

Sorry, I don't understand.  What do you mean by "enable theme setting on hover change image"?

KetanKumar
Shopify Partner
37622 3670 12166

@ll08  i mean Shopify to by default option show image on hover just enable 
How to enable the second image on hover feature
Go to your Shopify Admin and select Online Store.
Select your Debutify Shopify theme, and click on Customize.
Go to Theme Settings.
Click on advanced settings.
Scroll to the Product grid to find the second image on hover and check the box to enable or uncheck to disable.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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

Vivek_goyal
Shopify Partner
54 5 15

Hi @ll08 

 

To enable image change on hover feature, here are the steps -

1. Go to Shopify store admin

2.  Select online store from left menu and click on customize button for the theme

3. Select the Featured section and enable the "Show Second Image on Hover" option

 

Here is screenshot for reference -

image.png

 

 

Pleas let me know if more details are needed.

 

 

Thanks & regards,

Vivek

ScalePrint Designer & Variants: Offer customizable products in your Shopify store with ease. (Try for free)
Need a Shopify developer? Hire Us
Email: info@scaleupprint.com For Shopify tips & tricks follow our YouTube channel
ll08
Tourist
7 0 2

Hello, thanks for sending the image and pointing it out.  I had not noticed that the hover option in Spotlight is only available on the "Featured Collection" and not on a regular product collection.  Is there a way to add the hover option to the regular collection products?  Thanks again for your help.