Issues with 7.1 Product Pages

Site URL: https://radius-books.squarespace.com

Pass: radius

I've got a client site I'm working on that needs a good bit of CSS to make the overall product page work the way they want it to. Some things I'm still having issues with:

-- Not sure when this happened, but thumbnails on product pages for product galleries in a slideshow format now have a weird border around them. I looked at the code and discovered the thumbnails are now a button class, which I can't figure out how to remove. My client just wants to remove it. I haven't been able to figure out how to.

-- Also, I've seen it described here before but I didn't see a solid, usable answer: While there is a default option in 7.1 to show an alternate image on Product Gallery Pages, the default behavior just fades the image to white. I was able to override it with the plugin from SQSPThemes, but that in turn has made the image itself not clickable on Product Gallery pages. Only the title of the product is clickable. Anyone have a native CSS solution alternatively to the plugin?

me with the same problem these days. I created two sites and they all with the same issue (7.1 version).

Q1. Add to Home > Design  > Custom CSS

button.ProductItem-gallery-thumbnails-item {
    border: none;
}

Q2. Can you share link to gallery page?

Thank you @tuanphan! The button code worked. I think I tried every variation except that 🙂

For the product gallery page, right now I have code in the site to force the site to show the alternate image, not sure if Squarespace removed the option for it, but without the code, it fades to white; Right now, my client, in addition to showing the alternate image, they want the image itself to be able to be clicked so it can go to the product page.

Any of the main shop pages will work, so /new-releases, /coming-soon, etc.

Hey Justin - did you ever find a native solution to the image fading to white on the product pages?

following.

hey @rosieames I was able to use this plugin to make the functionality of the rollover images return, but unfortunately it makes the image not clickable. I'm actually going to ask the support team that built the plugin to see if they can work out how to do that. https://www.sqspthemes.com/plugins/product-image-rollover

Hi @justin.mabee, thanks for your reply - do keep me in the loop if you have success.

Meantime I have reported the issue to Squarespace and they are looking into it. I will let you know the outcome - it may take several days to get a result.

I did discover however that it works correctly on Chrome but not Firefox.
 

SQSP suggested it may be my CSS but as it works on Chrome they have acknowledged it’s not the coding. Also had to go through all the usual clearing of history, cache, etc. on Firefox.

I think SQSP have now acknowledged something is wrong on 7.1 - fingers crossed!

@rosieames I heard from the support team for the plugin and was able to bring the click function back this way:

To fix the issue, add this code to Code Injection, below the plugin code:
<style>.alternative-image { z-index: auto }</style>

@justin.mabee thanks for the heads up and the plugin.

However, I am reluctant to buy a commercial license to use this when it should work seamlessly in Squarespace without any code - after all it works fine on Chrome without any plugins.

I just checked back with SQSP and the problem is not fixed yet with no idea when it will be ...

Really trickey when one is lining up client websites to launch!

Another glitch in 7.1!