woo commerce: product page image too big

  • Resolved hartmutnz

    (@hartmutnz)


    12 years, 2 months ago

    Hi, have adjusted the SETTINGS in Cataloge settings, set the product image sizes in WP, and Woocommerce options, all good, but on the actual product page it still shows up as a HUGE image (even bigger than the uploaded image) Anyone found a way to make them look normal size about 150 px by 200 or so? Page: https://www.artandcraftconnection.com/woocom2/shop/scarf-1/

    Here are the settings I selected on the settings page and saved:
    Catalog Images Width 100 Height 150 Hard Crop
    Single Product Image Width 150 Height 250 Hard Crop
    Product Thumbnails Width 90 Height 90 Hard Crop

    Also Regenerated Thumbnails using the regenerate thumb plugin

Viewing 3 replies - 31 through 33 (of 33 total)
  • Thread Starter hartmutnz

    (@hartmutnz)

    I see this is the Mompreneur theme, and seeing that you paid good money for that they should give you some solutions for your problem.. cheers, Groggo

    Adding this to the custom css of the theme helped me with the thumbnail image sizes of related products

    .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
    width: 24% !important;
    }

    The root problem that I see with the product page images is that Woocommerce have been WAY too specific in their stylesheet wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3389

    If you go through that stylesheet there are a lot of width:48%, one of which is .woocommerce-page #content div.product div.images

    If they follow the same principle with all their other pages then their inline styles are not specific enough and are being over-ridden by the more specific external styles.

    In fact in this particular instance it’s impossible to get any more specific as .woocommerce-page refers to the body element.

    If an image is specified as 48% it will fill nearly half the page no matter what inline styles are set and if it was small it will enlarge and look blurry.

    It’s easy enough to solve the above by changing 48% to auto in that stylesheet. Pasting the appropriate code at the bottom of the stylesheet doesn’t seem to work however as the stylesheet contains errors.

    But this means that the stylesheet has to be altered at every WooCommerce upgrade.

    It’s such a fundamental issue that it’s unbelievable that they haven’t solved it.

Viewing 3 replies - 31 through 33 (of 33 total)
  • The topic ‘woo commerce: product page image too big’ is closed to new replies.