Support » Plugins and Hacks » WooCommerce » Products are HUGE

Viewing 3 replies - 1 through 3 (of 3 total)
  • Change your product images to be something like;

    Catalog images: 175×175
    Single Product: 400×400
    Product Thumbnails: 150×150

    Then download the Regen Thumbnails plugin, (install & activate it), then run it.

    Chris

    Tried this to no effect. Probably an issue with my theme CSS. Thanks for trying, appreciate it.

    Yes, it is simply because of the css style for the displaying of the product-images.

    Normally the product images are used in higher resolutions, thus the theme/plugin css tries to reduce it to fit to the product thumbnail area, according to the “width” parameter”

    But in your case, the original image is too small.
    So the css tries to “enlarge” it to fit the “width” so the “height” becomes “gigantic”

    If you are familiar using browser tools such as Firebug, you can check for yourself:

    .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img
    {width: 100%;
    height: auto;}

    if you change that “100%” value to “auto” you will see that the images will display in the original size…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Products are HUGE’ is closed to new replies.