Hello, I’m having trouble getting my images to crop to a specific size. Tried everything I can think of. What I would like is to set a size for the main product image (540×400), and a size for the product thumbnail (270×200), with a white background color (not transparent) and have it be centered vertically and horizontally in the white container box. Then every product photo I upload would be auto cropped to that ratio with max width and min/max height. Right now no matter what I try the width is always 270 (and 540 for the big one) but the length is always to ratio. So right now if i have a tall/thin image to start with it’s setting it as 270×800 for example, which really throws off the grid. What i would like to have happen is something like this:
Example 1 (tall original image):
If the original is 204×600, it should resize it to 136×400 for the big product image and place it centered horizontally on a white box that’s 540×400. The thumbnail should be resized to 68×200 and placed centered horizontally on a white box that’s 270×200.
Example 2 (wide original image):
If the original is 600×204, it should resize it to 540×184 for the big product image and place it centered vertically on a white box that’s 540×400. The thumbnail should be resized to 270×92 and placed centered vertically on a white box that’s 270×200.
My current settings:
Catalog Images – Width 540 / Height 400 Hard Crop on
Single Product Image – Width 540 / 400 Hard Crop on
Product Thumbnails – Width: 140 / Height 140 Hard Crop on
* Ran Regen Thumbnails multiple times, says successful but no change.
* Do have GL library enabled on web server.
See attached image that shows what I want vs what is actually happening.
This is probably something most people would want to have happen to maintain a clean grid, please let me know if this is possible. Thanks!
.