WordPress.org

Support

Support » Plugins and Hacks » Reduce Product Image Size (WooCommerce)

Reduce Product Image Size (WooCommerce)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author James Koster
    Participant

    @jameskoster

    Need to see a URL to give you the exact code, but you should be able to change the single product image size with something like;

    .single-product .images img {
    max-width:100px;
    }
    DesignerEthan
    Member

    @designerethan

    You can resize the images in the woocommerce catalog settings. You will then need to download the regen thumbs plugin and regen all your images.

    Hey there,

    Thank you for the help. Unfortunately neither did the trick. The latter, in fact, made the images blurrier. Here’s an example (albeit I put them back to their normal size so they’re not blurry):

    epicmineralbeauty.com/product/beautiful/

    Any further ideas? Thanks so much

    bheadrick
    Participant

    @bheadrick

    your single-product image size is set to 300×300

    After you update the size to the size you want, you also need to update the css. The problem is that by default, the image will be stretched out to the full width of the container it’s in – which is why Ethan’s option made your image fuzzy.
    In addition to following Ethan’s advice, you need to add something like this to your css:

    .single-product .images img {
    width:auto;
    max-width:100%;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce Product Image Size (WooCommerce)’ is closed to new replies.