Product images all sized different, not fitting on page properly

Hi,

All images need to be cropped on same dimension. Images on product gallery should be cropped on gallery thumbnail dimension. Search for right dimension in theme or e-commerce plugin documentation, and than processing img in photoshop. ??

There are multiple way to fix it. One of the simple way is define width and Height in CSS. Find this code from Appearance/Editor/style.css first:

ul.products li.product.grid.with-hover .product-thumbnail a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    border: none;
}

And then Change it to this:

ul.products li.product.grid.with-hover .product-thumbnail a img {
    /* width: 100%; */
    /* height: auto; */
    display: block;
    margin: 0;
    border: none;
    width: 300px;
    height: 250px;
}

But this is bad practice, you should re-size all images before upload.