New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Weird image-thing?

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • June 13, 2014 at 7:34 am #82156
    danielatak
    Member
    Post count: 52

    What is causing this weird issue with the product overview?

    June 13, 2014 at 9:05 am #82186
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s because your first image is larger than the rest

    – Kyle

    June 13, 2014 at 11:13 am #82248
    danielatak
    Member
    Post count: 52

    But 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 #82259
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    The 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 #82266
    danielatak
    Member
    Post count: 52

    I’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 #82268
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I 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 #82273
    danielatak
    Member
    Post count: 52
    This reply has been marked as private.
    June 16, 2014 at 8:20 am #82571
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Seems fine for me (see screenshot)

    – Kyle

    June 16, 2014 at 8:44 am #82590
    danielatak
    Member
    Post count: 52

    It’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 #82599
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No? (see screenshot)

    – Kyle

    June 16, 2014 at 9:03 am #82601
    danielatak
    Member
    Post count: 52

    Why do i see it then?

    June 16, 2014 at 9:06 am #82603
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    The 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 #82607
    danielatak
    Member
    Post count: 52

    Unfortunately 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 #82615
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Basically, 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 #82681
    danielatak
    Member
    Post count: 52

    ok, 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?

  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 18 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register