Monochrome WooCommerce Thumbnails

[Rob Mc]

Team StudioPress,

I am having a tremendous difficulty resizing the WooCommerce product thumbnails - everything I try does, literally, nothing. Customizer settings, regenerate thumbnail plugin, woocommerce regenerate thumbnail function - nothing works. Nothing. I've been at it for hours now and am incredibly frustrated.

Am I missing something? Are the WooCommerce settings hard coded into the theme and no longer able to be adjusted via the Customizer?

I'm trying to change the images from a square cropped image into an uncropped image (360x570 if it matters) to reflect that the products are books.

Any help appreciated, I am literally tearing my hair out in despair.

Thanks,
Rob Mc

[andytc]

What method are you using to create the new image size ?

Some info’s here if you haven’t already seen it , might be useful

https://docs.woocommerce.com/document/image-sizes-theme-developers/#

[andytc]

Have you tried this setting in the customiser > WooCommerce Product Images

Thumbnail width > Image size used for products in the catalogue. > try 360 ?

Custom > Images will be cropped to a custom aspect ratio > 3 : 5 ?

[Rob Mc]

Andy,

Thanks for the input.

I have tried the Customizer changes, but nothing actually changes. I've changed it in the Customizer and then run "Regenerate Thumbnails" each time - nothing.

When I look into the thumbnail details of Regenerate Thumbnails, it never changes the thumbnail sizes nor the crop settings for the "Product Images" thumbnail.

I feel like the WooCommerce styles in Monochrome for WooCommerce are dominating and preventing any changes via the customizer. I can't verify if this is true, but as the Customizer settings are never applied, I'm running out of reasons why that is.

I am reluctant to hard code in the sizes for these thumbnails, but I am running out of things to try.

Any help appreciated.

Thanks,
Rob

[Rob Mc]

I double checked the settings in Monochrome Pro for WooCommerce thumbnail and product sizes - the coded options in "woocommerce-setup.php" are the only options allowed on my site - doesn't matter what I do in the customizer.

[Rob Mc]

Exact same issue with Revolution Pro - changes to the WC settings in the Customizer have no impact whatsoever to how the theme shows WooCommerce images.

This is really, really frustrating and incredibly disappointing.

If someone could please provide some guidance on how to fix this, I would be very grateful.

[andytc]

I've messed around with this for a while this morning , Monochrome with Woo , yeah , the product images are a mess , nothing really works with the image sizes. What did seem to help a great deal in the end was going into childtheme functions and commenting out the line at 43 -

// Includes the Customizer CSS for the WooCommerce plugin.
//require_once get_stylesheet_directory() . '/lib/woocommerce/woocommerce-output.php';

In fact , you can comment out the ALL the requires for woo.

Once i did this , the images behaved as expected and the shop pages reverted to woo style , which is ok , it's easy to style. The magnifier also worked , when before , it didn't.

Anyways , give it a go and check the results , see if it get's it sorted. Genesis connect for woo is installed and activated BTW

All in all a real PITA !

[andytc]

Ok , digging a bit deeper , it seems the line below that sets the page to be 100% width is the issue , it makes the images super large and the magnify does not work.

Line 7 - monochrome-woocommerce.css - Comment out this line and check the results

.woocommerce.full-width-content .content,
.woocommerce-page.full-width-content .content {
	width: 100%;
}

I've tested this , and also tried with a sidebar for the shop archive page , it was all good , single product pages are centred and have monochrome styling.

[Author]

Posts