Hi I have a problem with some product images displayed in the category images. They are 400px x 400px and the size is not set neither on Woocomerce nor on WordPress.
Hi lauterkeit,
Please follow Guenni007’s suggestion in this thread: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1270140
Hope it helps.
Best regards,
Nikko
Hi,
is there a way to know what image sizes are in use and which are not?
It depends on the elements or shortcodes used in the site. If the site contains a Masonry element for example, the theme will display the masonry thumbnail by default, featured images on pages with sidebar will be displayed as entry_with_sidebar and so on. Please note that WordPress automatically falls back to the original version of the image if the specified thumbnail is not found, so it is quite safe to remove all registered thumbnails without breaking the site. But this will affect the site performance because every elements in the site will load a larger version of the image.
Best regards,
Ismael
Hi,
is there a way to know what image sizes are in use and which are not?
It depends on the elements or shortcodes used in the site. If the site contains a Masonry element for example, the theme will display the masonry thumbnail by default, featured images on pages with sidebar will be displayed as entry_with_sidebar and so on. Please note that WordPress automatically falls back to the original version of the image if the specified thumbnail is not found, so it is quite safe to remove all registered thumbnails without breaking the site. But this will affect the site performance because every elements in the site will load a larger version of the image.
Best regards,
Ismael
Hi @Ismael and @guenter,
Thanks for your answer! Just to make it clear, you have already introduced a bug that breaks existing layouts. I’m not in any means saying you should change what thumbnail is being used. My fix is a quick and dirty solution to fix a urgent problem for me and some others that have updated to a newer version of Enfold and then got this problem. But I don’t want to change what thumbnail is being used as a permanent fix.
Have you looked into why this problem occurs. Why the 450×450 px image is being favoured over the settings Enfold provides regarding cropping/ratio of product catalogue images? No settings have been changed after updating and all of a sudden 450×450 px is being displayed even though the setting is set to display uncropped images if a 450×450 px is generated for the product.
If you will not do anything more about this, then is there a way for me to see what changes have been made in the last three (or so) versions of Enfold? Can I get access to other versions than the latest?
Best regards,
Martin
Hi Rikard,
Just one more question: is there a way to know what image sizes are in use and which are not?
In Settings / Media I currently have 22 different image sizes and under Thumbnail regeneration there’s 26 items with different dimensions.
I’m quite sure we are not using them all.
I understand if i apply this code I will be deleting them all, right?
function remove_enfold_image_sizes() {
// do NOT remove widget size, is used in backend portfolio items!
// remove_image_size(‘widget’);
remove_image_size(‘square’);
remove_image_size(‘featured’);
remove_image_size(‘featured_large’);
remove_image_size(‘portfolio’);
remove_image_size(‘portfolio_small’);
remove_image_size(‘gallery’);
remove_image_size(‘magazine’);
remove_image_size(‘masonry’);
remove_image_size(‘entry_without_sidebar’);
remove_image_size(‘entry_with_sidebar’);
remove_image_size(‘shop_thumbnail’);
remove_image_size(‘shop_catalog’);
remove_image_size(‘shop_single’);
remove_image_size(‘shop_gallery_thumbnail’);
}
add_action(‘init’, ‘remove_enfold_image_sizes’);
how can I know which ones are not being used and which are?
Thanks!!
Nasi
Hi,
The avia_woocommerce_thumbnail function, which contains the avf_wc_before_shop_loop_item_title_img_size filter, is also used for the related products and product sliders, so any changes to the function might break existing layouts. And most users do not seem to have any problem with the default size (shop_catalog), so according to @guenter, we will not be changing the function anytime soon. Please keep the filter for now.
Thank you for your understanding.
Best regards,
Ismael
Hi,
Sorry for the delay. Another user provided a temporary solution using one of the filters in the theme. Please check the filter in the link below.
// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021
Related threads:
// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/
// https://kriesi.at/support/topic/thumbnails-in-woocommerce-being-cropped-to-square-when-they-are-45/
// https://kriesi.at/support/topic/woocommerce-problems-image-size-and-price-with-variations/
Best regards,
Ismael
Hey Martin,
Thank you for the update.
We are currently working on a solution for this. Just to clarify, in your “Butik” page, are you using the Product Grid element from the Advance Layout Builder? Have you tried setting the Styling > Image Size > Select image size to Use default – Woocommerce thumbnail.
Best regards,
Ismael
Hey Nasi,
Thank you for the inquiry.
The theme automatically adjusts the compression level of the uploaded images, which could lead to increase in file size and consume more storage space. You can adjust the default quality by using this filter in the functions.php file.
add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) {
$quality = 65; // compression level what you like in percent
return $quality;
}
Quality is set to 100 by default. And if you want to prevent the generation of multiple images or thumbnails, please check the following threads.
// https://kriesi.at/support/topic/how-to-reduce-thumbnails/#post-1360678
// https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1109028
// https://kriesi.at/support/topic/portfolio-grid-alignment-issues/#post-1306849
// https://kriesi.at/support/topic/how-can-i-delete-all-enfold-image-sizes/
Best regards,
Ismael
No idea why this is happening. I have magazine element on the homepage, articles I posted several months ago are showing thumbnails at correct 16:9 ratio, new ones are showing at 1:1.
My question is about the design / content of the blog’s “default” teaser list.
I use “single-big” – Single author, large thumbnail (no author image shown, large feature image)
When using the Gutenberg editor, the entire article is displayed in the teaser list, when using the “extended Envold editor” the post-excerpt appears.
How can I control this behavoir?
I deliberately don’t use the “advanced editor” because I haven’t found a way to use the advanced editor for the “archive/..” , “category/..” or “tag/..” lists.
So if you have any suggestions to user the “advanced editor” for archive / category / tag lists it would be also a solution for my problem.
Hi,
In case #1361748 I reported a bug in Enfold that makes the settings for WooCommerce product images useless if a 450 x 450 pixel image has been generated for the product.
I came up with a workaround
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'temp_thumbnail_size_fix', 10, 1 );
function temp_thumbnail_size_fix( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
My case was closed with the comment “Glad to hear that this has been sorted out, if you have any further questions please create a new thread and we will gladly try to help you”. I just want to make sure that this bug will get a permanent fix, my “solution” should not be permanent. Product images have displayed correctly up until a quite recent update of Enfold, so this is a bug. Just in the last few days since I noticed this issue I have noticed a number of users reporting the same bug:
https://kriesi.at/support/topic/thumbnails-in-woocommerce-being-cropped-to-square-when-they-are-45/#post-1361952
https://kriesi.at/support/topic/woocommerce-problems-image-size-and-price-with-variations/#post-1361830
https://kriesi.at/support/topic/woocommerce-product-grid-image-choice/#post-1361987
https://kriesi.at/support/topic/woo-product-archive-thumnail-size/#post-1361707
If you handle this bug in another system and want to close this case it’s fine with me. I just want to make sure that an update of Enfold eventually will come that fixes the bug.
Best regards
Martin
-
This topic was modified 3 years, 6 months ago by
martin_e83.
-
This topic was modified 3 years, 6 months ago by
Mike.
Hello Ismael
Thanks heaps for pointing me in the direction of the fix for the WooCommerce Thumbnails. That worked.
Now for Issue 2. on the price not displaying on variations, I think it might be a similar problem. I tested deactivating the Super Variation Swatch Plugin but that did not change anything… BUT what I noticed is similar to the Thumbnail Cropping Issue it is something that only happens on newly uploaded products… If you have a look here
This is an old product (Super Variation Swatch Plugin turned off)
pricing is showing perfectly
Here is a newly uploaded product (Super Variation Swatch Plugin turned off)
pricing not showing, even though it is defined in the variations in the backend?
I tested this on the Development Server, which you can access via credentials listed on the initial post but also below.
Thanks heaps.
Corina
Hey Corina!
Thank you for the inquiry.
1.) We haven’t found the actual cause of the issue but another user from a different thread provided a working solution. Please use the snippet temporarily to revert the product thumbnail size back to default.
// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021
2.) We are not yet sure why the price is not displaying in the product price. Did you install a plugin for the color picker? Is the price displaying properly when the plugin is disabled?
Cheers!
Ismael
Hi,
Thank you for the inquiry.
@Jason E: Martin (@martin_e83) provided a solution in the following thread (link below). You can use that snippet to override the theme’s product thumbnail configuration and revert the thumbnail size back to default.
// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362027
Best regards,
Ismael
Hi!
@martin_e83: Thank you for providing a working solution. Please keep it for now until we figure out the issue. Looks like the theme overrides the woocommerce_get_product_thumbnail function which renders the product thumbnails using woocommerce_thumbnail as the default size. The override is located in the enfold/config-woocommerce/config.php > avia_woocommerce_thumbnail, which uses the shop_catalog as the default thumbnail size. This is why the size of the thumbnail is 450x450px.
@cd2s: Please use the snippet that @Martin provided above to revert the product thumbnail size to default.
// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021
Best regards,
Ismael
Hey navindesigns,
Thank you for the inquiry.
The size of the thumbnails in the pages above are now the same. Did you manually select a thumbnail in the Styling > Grid Settings > Portfolio Grid Image Size settings? For the blog posts element, you can select a different thumbnail in the Styling > Appearance > Preview Image Size settings.
Best regards,
Ismael
Hi,
Yes Corina, it sounds just like the same issue I’m having. Have seen others also reporting it today.
Ismael or someone else at Enfold, I tried to understand why the problem is not consistent but why we get mixed cropped and uncropped images. It looks to me like the cropped version is displayed if a 450×450 version of the image has been generated, otherwise the image is displayed uncropped.
I wrote a short snippet of code that works for me:
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'temp_thumbnail_size_fix', 10, 1 );
function temp_thumbnail_size_fix( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
But there is apparently a bug in Enfold when it comes to using the settings from Appearance > Customize > WooCommerce > Product Images so please let a developer have a look at this.
Hi Jason,
What setting do you have for cropping in Appearance > Customize > WooCommerce > Product Images? If you have “uncropped” it sounds very much like the same problem I and several others have reported.
Best regards.
Martin
This reply has been marked as private.
Hi, I have a WooCommerce page (link provided) where some items in the shop are being cropped, and others aren’t. It doesn’t make any sense to me. I’ve played with all the options, and nothing seems to fix it. Can someone please help?
On my site,
Portfolio Page
https://alexandere77.sg-host.com/portfolio – using enfold portfolio
Press Page
https://alexandere77.sg-host.com/press – using blog posts
How can I make the press thumbnails the SAME size as the portfolio thumbnails? Currently there are more space between the press/blog items than the portfolio items
Thanks
Hi Ismael,
No, not 174×245 px. The woocommerce_thumbnail has been set to 173 and i tried changing that to 174 and then uploading one of the product images that is currently displaying incorrectly. A 174×238 image was generated but then it still displays the product thumbnail using 450×450.
The uncropped registered image sizes are currently (after changing 173 to 174 in the Appearance > Customize > WooCommerce > Product):
- medium – 300 x 300
- medium_large – 768 x 9999
- large – 1030 x 1030
- product-image-mini – 50 x 0
- 1536×1536 – 1536 x 1536
- 2048×2048 – 2048 x 2048
- extra_large – 1500 x 1500
- masonry – 705 x 705
- shop_single – 450 x 999
- shop-hi-res – 320 x 470
- double-full-width – 2420 x 0
- woocommerce_thumbnail – 174 x 0
- woocommerce_single – 450 x 0
And all the generated images with the current setting are (including cropped images):
- omslag-suburbanweekend-resized-100×100.jpeg
- omslag-suburbanweekend-resized-1096×1500.jpeg
- omslag-suburbanweekend-resized-1123×423.jpeg
- omslag-suburbanweekend-resized-1123×430.jpeg
- omslag-suburbanweekend-resized-1123×630.jpeg
- omslag-suburbanweekend-resized-120×120.jpeg
- omslag-suburbanweekend-resized-174×238.jpeg
- omslag-suburbanweekend-resized-180×180.jpeg
- omslag-suburbanweekend-resized-219×300.jpeg
- omslag-suburbanweekend-resized-260×185.jpeg
- omslag-suburbanweekend-resized-301×301.jpeg
- omslag-suburbanweekend-resized-320×438.jpeg
- omslag-suburbanweekend-resized-36×36.jpeg
- omslag-suburbanweekend-resized-450×450.jpeg
- omslag-suburbanweekend-resized-450×616.jpeg
- omslag-suburbanweekend-resized-495×400.jpeg
- omslag-suburbanweekend-resized-500×225.jpeg
- omslag-suburbanweekend-resized-50×68.jpeg
- omslag-suburbanweekend-resized-515×705.jpeg
- omslag-suburbanweekend-resized-710×375.jpeg
- omslag-suburbanweekend-resized-753×1030.jpeg
- omslag-suburbanweekend-resized-80×80.jpeg
- omslag-suburbanweekend-resized-845×321.jpeg
- omslag-suburbanweekend-resized-845×684.jpeg
- omslag-suburbanweekend-resized.jpeg
Sorry, we do not have a staging site but I have a local installation and can do tests if you want to.
Best regards
Martin
Hi Ismael,
I wrote “…in the Woocommerce customizer the width value is 300px…” whay you ask me that? There is 300px width and the Thumbnails are 450×450 actually. it doesn’t seem like Enfold cares about this setting?!
Best regards
Mike
Hey Martin,
Thank you for the inquiry.
Did you register a custom thumbnail that is 174x245px in size? We would like to adjust the product thumbnail settings but we don’t want to change anything in the live site. Is there a staging version of the site where we can do the tests?
Best regards,
Ismael
Hey Mike61,
Thank you for the inquiry.
Adjusting the thumbnail size in the Appearance > Customize > Woocommerce > Product Images works properly on our end. To test it, try to temporarily set the value of the Thumbnail width field to 80px to make sure that the smallest thumbnail is shown in the catalog pages.
Did you adjust the size of the Medium thumbnail, or did you check if there are registered thumbnails that are 300px in width?
Best regards,
Ismael
Hi!
After upgrading to the latest version (not sure what version we had pre-upgrade, but it was a while ago), the product thumbnail images are not displaying correctly in our shop. The problem is odd, some images are shown in the correct ration (we have WooCommerce images set to display as uncropped in Appearance > Customize > WooCommerce > Product) while other products uses the cropped image, eg. 450×450 px. Many of the products are several years old and they have the correct uncropped image versions and have been displaying correctly pre-upgrade. Other products, just as old, are still displaying correctly.
We are using a child theme, but changing to the vanilla Enfold theme did not help. Only when switching to another theme (twenty twenty) the product images are all displayed uncropped as expected.
We have also tried switching to the “WooCommerce 3.0 product gallery” in the Enfold settings, but the problem persists and we switched back.
Let me know what more you need to know.
Thank you,
Martin
I would like to have the option of NOT displaying the featured image like what’s shown on the link that you sent me.
While the images in your sample don’t look bad at all, mine tend to look pixelated which is most likely due to the fact that they’re not large enough in their original state to be stretched out like that and not start to look jenky.
But is there way to have a featured image, so I’ve got a thumbnail in the footer etc, yet not have it displayed like on the site that you sent me?
Rikard! You, sir, are in a position to make my day! If we can figure this out within the next few hours before my meeting with my boss, we will be winners among those who merely show up!
Here’s what I’ve got:
First image (http://brucegust.com/downloads/full_page.png): This is the way my page looks like when you click on a “category” and it displays all of the posts that belong to that particular family of articles. In this example, the “featured image” is the trophy. In its proper context, the trophy shows up just fine within the article itself. But when it’s displayed as part of a whole category of similar posts, that same image is now enlarged and pixelated.
That’s what I’m trying to avoid! How can I fix that?
Second image (http://brucegust.com/downloads/sidebar.png): Ultimately, this is why I appreciate the “featured image” dynamic as much as I do. I like being able to include a small thumbnail alongside each article the way they’re displayed either in the footer or, in this instance, the sidebar.
This is part of what prompts my question. I want that part of the “featured image” mechanism. I just don’t want the enlarged and nasty looking image displayed like what I have pictured on http://brucegust.com/downloads/full_page.png.
Bonus (http://brucegust.com/downloads/this_space.png): Rikard, I realize this borders on being a completely different question and I will open up another thread if you prefer I do it that way. But this is all related in that the featured images that I want to see displayed on the side bar would ideally be accompanied by a larger image beneath them. I was envisioning a clickable photo that might connect a user to another article. Is that possible?
Thanks for your time!