WooCommerce – Image sizes

  • markmck

    (@markmck)


    9 years, 9 months ago

    Hey all,

    I am seriously confused.

    I have 2 products that I’ll use in this example. One product has a single image of an iPad, the other product has an image of a hi-vis vest, plus 2 additional images.

    The iPad image is 327×422
    The hi-vis image is 655×734

    My WooCommerce Display settings are;

    Catalogue – 250×250
    Single – 400×400
    Product – 90×90

    My issue is this. On the catalogue view, the iPad is appearing larger than the vest, and as well as once I’ve clicked on the product itself. How can it possibly be bigger (and is pixelating as a result) when the resolution is lower, why is WooCommerce scaling up the image when I have specified the above resolutions? This puts all of my catalogue out of line.
    I have regenerated the thumbnails after any changes. Ticking Hard Crop will line them up, but some of the products become difficult to make out from that view.

    I can’t link you to the site as it’s offline, but I will link you to some screenshots.

    WooCommerce settings – http://img.photobucket.com/albums/v603/mrsnooch/WooCommSettings.jpg
    Catalogue View – http://img.photobucket.com/albums/v603/mrsnooch/CatalogueView.jpg
    HiVis vest – http://img.photobucket.com/albums/v603/mrsnooch/HiVisProduct.jpg
    iPad – http://img.photobucket.com/albums/v603/mrsnooch/iPadProduct.jpg

    Asides from the lining up of the images without the harsh crop, I’d also like the product images to be much smaller, no need for them to take up half the screen!

    Many thanks in advance,
    Mark

The topic ‘WooCommerce – Image sizes’ is closed to new replies.