Support » Themes and Templates » I don't want my thumbnail image cropped…

  • But I don’t see exactly where to edit this?… I’ve tried a few things and just got frustrated 🙁

    Here is the example on you can see the “main” picture is cropped, but it looks normal/uncropped when you click it. I don’t want that image cropped at all though.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • oh gosh I just figured it out…. you need to edit>crop the big image>select “thumbnail only”>save>update

    sheesh…! 🙂

    But now, the product page still seems to show the cropped version. What to do about that?

    despite editing the pictures, it still seems to crop in slightly… any ideas please?

    Hi kittensforgood,

    You have to resize the image according to the size of the image container element, if you don’t want it to get cropped. Define style of the image and image container in such a way that the image automatically gets resized according to the size of the container. You can use this solution where ever you don’t want the image to be cropped.

    Here is a simple example.

        <style type="text/css">
            div#image-container {
            img {
            <div id="image-container">
                <img src="myPicture.jpg">

    sourav b

    Thanks for the replies.

    The best/easiest solution that I found was to increase the white border/deadspace around an image. It seems like if you add like 200-300px to the height then the thumbnail crop does not become an issue.

    Still a big inconvenience considering I don’t know why they do it in the first place… oh well!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘I don't want my thumbnail image cropped…’ is closed to new replies.