Support » Plugin: WooCommerce » Reduce Product Image Size (WooCommerce)

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

    (@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

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

    ldsrhb

    (@ldsrhb)

    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

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