Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Weird image-thing?
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Weird image-thing?
- This topic has 17 replies, 2 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Neighborhood
-
June 13, 2014 at 7:34 am #82156
What is causing this weird issue with the product overview?
June 13, 2014 at 9:05 am #82186It’s because your first image is larger than the rest
– Kyle
June 13, 2014 at 11:13 am #82248But aren’t the images sizes set in the settings?
On the attached it is the last image.
Is there no way that i can force them to be the set size?
June 13, 2014 at 11:24 am #82259The image size settings are for the image quality, but our theme overrides the visual sizes as we use our own function, it works out the padding (height) for the image from the first product. The easiest way to fix it would be to either crop the image for the first product so that it’s the same as your other products images, or edit the publish date for the product to be older so that it’s not the first product on the page
– Kyle
June 13, 2014 at 11:39 am #82266I’m sorry, but i don’t agree with you, because in both screenshots the other products has an even higher height than the one causing it. Also it is the first image in the first screenshot and the last image in the other screenshot.
Is there nowhere i can set a maximum, since it cuts the other photos? it seems to be happening, because the images’ height is quite close to the theme standard height…
June 13, 2014 at 11:44 am #82268I can see on both screenshots that the height of the first image is more than the others, in respect to the width, basically the width/height ratio.
If you provide me with your link I can look into it for you and see if there’s a solution
– Kyle
June 13, 2014 at 12:03 pm #82273This reply has been marked as private.June 16, 2014 at 8:20 am #82571Seems fine for me (see screenshot)
– Kyle
June 16, 2014 at 8:44 am #82590It’s still doing it on related products on this product: http://slejpner-as.dk.linux12.curanetserver.dk/produkt/al-ko-power-unit-140-p/
Do you not see that either?
June 16, 2014 at 9:02 am #82599No? (see screenshot)
– Kyle
June 16, 2014 at 9:03 am #82601Why do i see it then?
June 16, 2014 at 9:06 am #82603The first image on your screenshot is different to the one on mine, that’s why I didn’t see it. Like I said, your image sizes are different. You could add !important to the end of the css I gave you but then it would not allow the JS to change the padding for smaller screen sizes
– Kyle
June 16, 2014 at 9:17 am #82607Unfortunately all the images for the products are different, so it’s going to be hard to align that.
Can you elaborate on how it would not allow the JS to change the padding for smaller screen sizes?
June 16, 2014 at 9:34 am #82615Basically, there is a snippet of JS code which works out the padding for the figure (which is the height of the image), it does this on the first product, and applies that to all the other products. So if your first product image is larger than the others, the rest of the products will start showing the second image, if your first product is smaller that the others, then your other images will be cropped.
You could set a padding and add important to it so that it ignores what the JS works out, however the padding is different for each screen size so you would have to set the padding for each screen size
– Kyle
June 16, 2014 at 11:32 am #82681ok, I will see what will be the best solution.
Btw – is it possible to do a nodisplay on the buy button the product overview? or is that a woocommerce thing?
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.