Hi Ismael,
Thank you for the reply – yes, I did adjust the value of the thumbnail width field and set thumbnail to uncropped.
I did not – use the filter from the previous threat or I should say, I tried to do it and nothing changed to I revered back and deleted it. I am not technical enough to do it was any certainly. If you would like to try I will leave access below.
Thank you,
Nestor
Hey la_tripping,
Thank you for the inquiry.
Did you adjust the value of the Thumbnail Width field in the Customize > Woocommerce > Product Images panel and set the Thumbnail cropping to Uncropped? Using the filter from the previous thread should switch the thumbnail back to woocommerce_thumbnail and allow Woocommerce to return the image size based on the Product Images settings.
Best regards,
Ismael
Hi,
Sorry for the confusion. The correct attribute in order to enable lazy loading is loading=”lazy” (https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading).
You may need to install a plugin for this because not all image entities in the database has the loading attribute by default (e.g shortcodes), so search and replace might not work as expected. Also, please note that WordPress automatically adds the loading attribute to images when they are retrieve using default functions such as wp_get_attachment_image or get_the_post_thumbnail.
// https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/
You can try one of the these plugins.
// https://wordpress.org/plugins/optimole-wp/
// https://wordpress.org/plugins/rocket-lazy-load/
Best regards,
Ismael
Hi,
How do I force the Thumbnail images (grid view) to view the featured images at the same height and width even is it crops the images when ghey are not upploaded at the same size each time.
Page of the ness blogs..
Thanks
Hey Annemarie,
Thank you for the inquiry.
Did you adjust the Thumbnail Width in the Customize > Woocommerce panel? Adding this filter in the functions.php file should override the default shop_catalog thumbnail and use the value set in the Thumbnail Width field.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_thumbnail_size_adjustment', 10, 1 );
function avf_thumbnail_size_adjustment( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Related thread: https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021
Best regards,
Ismael
Hey paoluccimarketing2015,
Thank you for the inquiry.
Are you using the Product Grid element? If you want the grid to use the specified Thumbnail width in the Customize > Woocommerce > Product Images panel, please add this filter in the functions.php file.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_thumbnail_size_adjustment', 10, 1 );
function avf_thumbnail_size_adjustment( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Related thread: https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021
Best regards,
Ismael
I changed the default size of my thumbnails from 80×80 to 300×300. Now my image overlay has shifted on hover.
Depending how you mouse over, most of the time the overlay is shifted up. Sometimes you can mouse back over it and it will center.
How can I fix this?
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, 8 months ago by
martin_e83.
-
This topic was modified 3 years, 7 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