Product Image Sizes not working at all.

Same thing here. Images will not reflect a smaller size.

@outerspection please read the forum rules: https://codex.www.ads-software.com/Forum_Welcome#Where_To_Post

@focalpointok because it has no effect on images that are already in your WordPress, it begin to take effect only for new images. But you can regenerate the thumbnails for all images in your site: https://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/

Claudio Sanches
I have already tried regenerating thumbnails multiple times. It has absolutely no effect on how the images are being displayed on my product pages or list of products. It frankly looks terrible, and I am not happy that it’s not working so I can customize how i want it to look. You have to have some better solutions to this issue.

If you read the doc claudio posted a link to, it goes on to explain that CSS scales your image sizes. The .images div has 48% width by default, so to prevent images upscaling, this needs to be styled smaller in your theme CSS files.

@mike jolley
That doc is all well and good, but I have tried different image sizes, as well as adjusting the scaling, and the settings for product images on the woo commerce settings… Nothing has worked. They display the same size no matter what I do, thr only difference has been that the quality gets worse the smaller the image I submit, but it still displays huge on the product page.

This may be theme related, do you have an example link?

@jesse Pearson

Here is a link where you can see the product image.
https://drtalley.com/product/the-white-choctaw-the-life-of-alexander-talley/

It’s huge… but my settings in woo commerce/settings/display options are set as follows: Catalog images: 180×274, Single Product Image: 296×450, Product Thumbnails: 180×274

I have tried resizing my images and then uploading them again to which the images become very fuzzy and the quality is degraded. I have tried resetting the dimensions back to their defaults.. still no change at all. The images stay the same on the products no matter what I do. I am not sure how this is a theme issue and not a Woo Commerce issue.

@focalpointok so it’s easy, you just need to fix the CSS in your theme.
Like:

.woocommerce-main-image {
    max-width: 180px;
}

@claudio Sanches

So where do make these changes to the CSS?
This seems a little bit over complicated.

Please address this as you are speaking to someone who does not have a good grasp on CSS. I just need to know exactly where to look and what I am to input so I can fix this.

Thank You.

What identifies the other images sizes and I can input this into the custom code section of my theme?

I input the above CSS code and that worked for the product image, but what do I use for product thumbnails and catalog images?

.woocommerce-catalog-image {
max-width: 180px;
}

and so on??
thanks for the help

Please see following page: https://drtalley.com/store/

Why do the details and “buy” buttons show the way they do? They are not lined up and look tacky. Is there a way to alter their placement so they are at least side by side? Is there a way to adjust the color of the buttons perhaps?

Thanks for any help.

Could really use some help with this issue please.
I am really down to the display of the buttons: The Show Details and Read More buttons. They make the product listings look cheap because of their alignment and such. Is there a way to easily alter these buttons and adjust their placement or anything?

The css given would go in your THEME CSS file, or you could use a plugin to add CSS like the module included with jetpack.

if you need some more styling customisation help, it may be good to consider jobs.wordpress.net to have it done for you in an upgrade safe way.

The css given would go in your THEME CSS file, or you could use a plugin to add CSS like the module included with jetpack.

if you need some more styling customisation help, it may be good to consider jobs.wordpress.net to have it done for you in an upgrade safe way.

@MikeJolly
Thanks for the reply, but that only addresses the first question I had asked 3 days ago. I had asked about the “Show Details” and “Read More” buttons as you can see them on the page I linked to here: https://drtalley.com/store/
They are not aligned and make the product listings look disorganized.
How can that be resolved? There are no options in the settings of WooCommerce that address this display.