WordPress.org

Forums

The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

WooCommerce
Products are HUGE (4 posts)

  1. boxjohnson
    Member
    Posted 2 years ago #

    Page here.

    All of my products are GIGANTIC, but the thumbnails are just fine. Very frustrating.

    http://wordpress.org/plugins/woocommerce/

  2. Forest Skills
    Member
    Posted 2 years ago #

    Change your product images to be something like;

    Catalog images: 175x175
    Single Product: 400x400
    Product Thumbnails: 150x150

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

    Chris

  3. boxjohnson
    Member
    Posted 2 years ago #

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

  4. ManusH
    Member
    Posted 2 years ago #

    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...

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic