Jump to content

Product image fades to white on hover

Recommended Posts

Site URL: https://melina-clark-jeweller.squarespace.com

Anyone else having this issue on product pages in 7.1 - where there is an alternate image the product fades to white when hovered over and before clicking through to the actual product - very disconcerting.

I am using Firefox and know it works as it should on Chrome, so should not be a case of requireing any CSS to have that function. I also don't want to have to go down the route of purchasing a plugin when this function should work seamlessly and natively.

I can't believe I'm the only one - I have two websites lined up to launch in the next week and obviously can't do this if the action is not functioning properly on Firefox - a major browser!

I have reported this to Squarespace and they have it with the engineers but no resolution yet.

Password is unboundedsway.

Link to comment
  • 2 weeks later...
On 7/17/2020 at 5:58 PM, rosieames said:

Anyone else having this issue on product pages in 7.1 - where there is an alternate image the product fades to white when hovered over

@dauray @itscjc

This is a known Squarespace 7.1 issue that was reported on March 26, 2020.

I provided a workaround in the Circle in early April. I've repeated it below for those who cannot access it:

Add to Design > Custom CSS:

.products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover {
  opacity: 1 !important; 
}

 

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Hi Paul

Thank you so much for alerting me, I had searched for a workaround in here but never stumbled on yours!  It works - although the roll over doesn't but think we can live with that until the issue is fixed - hopefully sometime?

Really appreciate it as am about to launch the site and client very iffy about the glitch.

Thanks again

Rosie

Link to comment
15 minutes ago, rosieames said:

It works - although the roll over doesn't.

Correct. It disables the rollover to prevent the issue, which can be unnerving for potential customers. It's only a workaround until Squarespace fix this.

If you haven't already done so, I recommend that you (and others) report this to Squarespace as more reports lead to a faster resolution. Squarespace Customer Care should always be your first stop for questions about your site or account. You can reach out to them here.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Oh yes Paul, I reported it to Squarespace as soon as I discovered it.  They tried to dump it back on me telling me it was my browser/my computer/my everything but after some persistence they did admit it was at their end.  I have since been chasing up every week or two.  Can't think I can do much more for now.

So anyone else reporting it, don't get fobbed off - its definitely at their end.

Thanks

Link to comment
  • 4 weeks later...

This bug should now be fixed (week commencing 17 August).

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 3 months later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.