Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

image swap on hover in placed product on homepage


rocklilybeast

Question

I have placed alternate images within my product descriptions, and on the product/shop page itself, this works great, having the images swap on hover. However, I'd also like to place selected products on the homepage directly (using a product block) and I would like the same effect of the image switching upon hover. Is there a way to do this with css? There would be 3-5 images on the same page (index page) that I'd like to do this with. I can't give you the url at this point, as we've not yet gone live. Help?

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you share link to that page? Setup password & share url

5 answers to this question

Recommended Posts

  • 0
6 hours ago, rocklilybeast said:

alright, the password is pillow! and the site is here https://jennifer-baeseman-jj7l.squarespace.com

it's on the homepage - where I've got 3 products placed - we'd like them to change to an alternate image when you hover over, like it does on the 'shop' pages. Thanks for any help!

I see this plugin, you can learn more.. https://www.sqspthemes.com/plugins/product-image-rollover

Link to post
  • 0
2 hours ago, tuanphan said:

I see this plugin, you can learn more.. https://www.sqspthemes.com/plugins/product-image-rollover

Hi Tuan,

I'm looking at this plugin and it appears to have to do with color swatches on the product page. What I'm looking for is an image switch on hover within the product block that is placed on another page.

That being said, I love the idea of plugins - very cool. But I don't think this quite does what I want. 

Link to post
  • 0
On 12/5/2019 at 9:51 PM, rocklilybeast said:

Hi Tuan,

I'm looking at this plugin and it appears to have to do with color swatches on the product page. What I'm looking for is an image switch on hover within the product block that is placed on another page.

That being said, I love the idea of plugins - very cool. But I don't think this quite does what I want. 

@rocklilybeast this plugin does do what you want it to do; I just used it to create a rollover effect on a product summary block on a different page and it worked great 🙂 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...