Support » Plugin: WooCommerce » Product and product archive image sizes

Viewing 11 replies - 1 through 11 (of 11 total)
  • Peaceless

    (@peaceless)

    Hi!
    Have you tried to re-generate your thumbnails?
    https://sv.wordpress.org/plugins/regenerate-thumbnails/

    emster83

    (@emster83)

    Yes, I have tried that… numerous times! Still, no change in appearance 🙁

    lorro

    (@lorro)

    Usually the product image is on the left and the product title, price, short description and add-to-cart button on the right of the image. This layout should result in an image about half the current size.

    To get this layout, consider updating your theme in the first instance. You are using Hueman version 1.5.4 and the latest version is 2.2.3
    https://github.com/AlxMedia/hueman/blob/master/changelog.txt
    One of the updates in between includes WooCommerce support.

    If updating, take a backup first.

    emster83

    (@emster83)

    Thanks for the tip, apparently this theme doesn’t show updates-messages in WordPress, I get messages if a plugin or other theme has an updated version. I have updated the theme and Woocommerce-plugin to the latest version: still no change in image sizes.

    I do remember though that some time ago I found out that the same happens to pages I’ve added a featured image to. My solution for the pages was to just remove the featured image…

    lorro

    (@lorro)

    There might be further steps. Unfortunately your sample product page url is giving a server error.

    emster83

    (@emster83)

    Sorry, the server error should be gone now!

    lorro

    (@lorro)

    Yep gone, but please turn minify off.

    lorro

    (@lorro)

    Try this in your custom css:

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images
    {float:left; width:48%; margin-right:4%}
    
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary
    {float:left; width:48%}

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    This set of values results in a product image size of 384px square, so that’s the setting needed for product images at WooCommerce > Settings > Product tab, Display page > Image sizes. Then regenerate thumbnails. Downloaded images should have been the same or better.

    Suggest leaving caching and minify off until development is complete.

    emster83

    (@emster83)

    I think the issue of the product image size has something to do with the theme/child theme: I’ve created a new child theme, and when previewing that theme the product image size looks normal (but the site’s top menu disappears for no reason).

    When the child theme is activated though, my site looks like there’s no css whatsoever.

    Completely removing both themes and re-installing them, doesn’t help though!

    lorro

    (@lorro)

    I think the product image size issue is because your theme is not really optimised for WooCommerce. It can be made to, its just more work.

    To get the menu back, ensure the menu location is set.

    To bring in the parent stylesheet, you can either use the @import statement at the top of the child theme stylesheet, or enqueue it in functions.php

    emster83

    (@emster83)

    THAT CODE DID THE TRICK! Thanks @lorro!

    I still don’t know what caused the issue in the first place: this theme showed product images fine up until a few weeks ago. Glad it’s fixed now!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Product and product archive image sizes’ is closed to new replies.