ArtSpeaks Posted January 29, 2022 Share Posted January 29, 2022 Site URL: https://www.humblux.com/black-et-blanc Hey, I currently added my product photos into my store page, however, i notice an issue with all of my product photos except for one of them. For instance, product called "DY 001" displays what I want but the product called "Humble Hoodie Blanc" shows the hoodie behind the model photo when you scroll over the image. What i want is when a user hovers over the product (i.e. the hoodies in this case) the model photo appears without the product in the background. Not sure if this is the right category to ask this question but since I've added quite a few customized codes onto the site, I thought maybe it might be an issue that is cause from some other code or plugin i placed on to another page. https://www.humblux.com/black-et-blanc Any help would help! Link to comment
Solution Beyondspace Posted January 30, 2022 Solution Share Posted January 30, 2022 10 hours ago, ArtSpeaks said: Site URL: https://www.humblux.com/black-et-blanc Hey, I currently added my product photos into my store page, however, i notice an issue with all of my product photos except for one of them. For instance, product called "DY 001" displays what I want but the product called "Humble Hoodie Blanc" shows the hoodie behind the model photo when you scroll over the image. What i want is when a user hovers over the product (i.e. the hoodies in this case) the model photo appears without the product in the background. Not sure if this is the right category to ask this question but since I've added quite a few customized codes onto the site, I thought maybe it might be an issue that is cause from some other code or plugin i placed on to another page. https://www.humblux.com/black-et-blanc Any help would help! Try .ProductList-item:hover .ProductList-innerImageWrapper img:first-child{ opacity: 0; } tuanphan and ArtSpeaks 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
ArtSpeaks Posted January 30, 2022 Author Share Posted January 30, 2022 @bangank36Thank you so much man!! It worked!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment