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; } ArtSpeaks and tuanphan 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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