Hey! I am using the Shopify Venture theme and am having a little bit of an issue.
When looking at a collection I have a hover effect so that if you hover over a product it shows another picture / a picture of the product from another angle. This is working perfectly for every product except for our leggings. The second picture we want to show is for some reason larger so that the title of the product covers the picture. Here is a sceenshot to show what I mean:
On the left is the example of what it looks like when you hover the mouse. As you can see the lower part of the picture is covered by the title and below that the bottom of the picture is hsowing (the shoes of the woman). The problem here is that half of the backside of the leggings is covered because of the title.
The fix we are looking for is to edit the opacity of the banner that displays the product title & price so that you can at least see through the banner and see the picture.
If thats not possible, is there a way to move the second picture up so that the whole leggings is visible and the top side of the woman is cut out?
I am comfortable editing the code, however I have been looking for the past 3 days and haven’t found any way to edit this.
Any type of help would be greatly appreciated!
Happy to help out. I think the most straightforward solution would be to ensure that your image ratio for the two product images is identical. It looks like the picture on the left is much larger, vertically which is causing that. Your best bet would be to resize the images to match up and you can also crop the top portion of the image on the left to make it less tall and match up with the image on the right. If you don’t have an image editing program/tool, I recommend this free, online image editing tool called Photopea. No login or downloads are required to use it.
I hope that helps! If there is anything else I can help you with, please let me know.
Thanks for the quick reply! We did try that and it is a possible solution. However these pictures are automatically created “stock images” each time we upload a new design for the leggings and we already have 100+ products with this image with multiple new ones being uploaded every day. So resizing every single one of the images each time we upload a new design & resizing all the pcitures of the already available products would take a lot of time. Thats why im looking to edit the general product title banner in the code rather than editing every picture.
However I greatly appreciate your response and offer to help!
