ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• November 8, 2013 at 6:02 pm #30542
  jowalski

  Member

  Post count: 14

  Hi, I’m trying to get the image size down on the product page for WooCommerce, but haven’t had any luck.

  I’ve set the image size in WooCommerce->Settings->Catalog. Doesn’t seem to have any effect.

  I’m looking for something in the 300×300 size. It is showing up as 572×730.

  The page is:
  http://50.22.47.124/product/pleasure-of-my-fathers-fellowship/

  BTW, I’ve refreshed thumbnails and all that stuff.

  Thanks!

  November 12, 2013 at 4:09 pm #30960
  Melanie – SUPPORT

  Member

  Post count: 11032

  On the single product item page you cannot change the size of the image,

  cheers

  November 12, 2013 at 4:38 pm #30979
  jowalski

  Member

  Post count: 14

  Hi Melanie,

  Thanks for replying . . . but I’m still confused. If you can’t change the image size, then why is it listed as an option at WooCommerce=>Settings=>Catelog?

  It has 3 image settings:
  – Catalog Images
  – Single Product Images
  – Product Thumbnails

  Why does this not work?

  Thanks!

  November 15, 2013 at 12:21 pm #31520
  Melanie – SUPPORT

  Member

  Post count: 11032

  Because WooCommerce still has to fit the boundaries of the theme, which is built with a fixed single product image size.

  Thanks!

  February 17, 2014 at 8:15 pm #49711
  innov8music

  Member

  Post count: 3

  Why is the product image larger than the actual dimensions of the file itself?

  http://musichanged.us/product/point-desprit-blouse/

  February 20, 2014 at 1:29 pm #50518
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi innov8, your link doesn’t work. But I’m pretty sure the answer is because the image will be resized to fit the whole space.

  Cheers

  February 21, 2014 at 6:25 am #50713
  innov8music

  Member

  Post count: 3

  Hey Mel, thanks for the reply. Here is an updated link – I started the website over from scratch – still not working the way it was on your demo.

  http://musichanged.us/product/ilovemusic-treble-clef-female/

  When I go into inspect element – hover over the photo – on the right in the code I uncheck the width 100% box – and the image resized back to the dimensions it should have. How do I push these changes through to the site?

  here is the code:

  media=”all”
  .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 {
  display: block;
  width: 100%;

  I’m a noob – I’m sorry if this is a stupid question.

  -Daniel

  February 25, 2014 at 9:57 am #51509
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hey, you can add this custom css:

  .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: auto;
  }

  Let me know if that helped!

• Back to forum

  Posted in: Flexform