Hi guys,
I have changed the thumbnail image size for the woocommerce gallery from 210×210 to 250×250.
How does woocommerce generate this images? Cause no thumbnail appears in my shop.
I did regenrate the thumbnails with the “regenerate thumbnails” plugin, but hothing happens. Additionally in my sourcecode the images size is still 210.
Many thanks for your help.
-
This topic was modified 3 years ago by
donillo.
Hey epkdesign,
Try creating a new image size such as square_accordion by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_image_size('square_accordion', 510, 510, true);
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
return array_merge( $sizes, array(
'square_accordion' => __( 'Square Accordion' ),
) );
}
Note that the image size is 510px square, this is because the Accordion Slider has a 500px minimum.
Then install the plugin Regenerate Thumbnails and go to WordPress ▸ Tools ▸ Regenerate Thumbnails
Then in your accordion slider element you can choose the new size:

and on the frontend the new image thumbnails will show:

Best regards,
Mike
Hi, on my https://www.fabiopiccini.com/welcome/
I’d like that the page displaying the articles only had thumbnails on the left and no images in text like on the page https://www.fabiopiccini.com
it’s possible?
and I also want the thumbnails not to be square but the same proportions as the featured image.
thanks for any help you can give me
Hey cappellettimax,
Thank you for your patience, I see that your images are cropped, so try installing the plugin Simple Image Sizes, then go to WordPress ▸ Settings ▸ Media ▸ shop_catalog size and change the cropping to “No”

then go to the bottom of the page and Regenerate the Thumbnails for that size.
Then clear your browser cache and any cache plugin, and check.
Best regards,
Mike
Hi,
To change the thumbnail for a specific category, visit the link below. Additionally, you can customize the font color and banner overlay style.
// http://site.com/wp-admin/term.php?taxonomy=product_cat&tag_ID=27&post_type=product
Make sure to adjust the URL, using your own domain and adjust the value of the tag_ID parameter using the the actual ID of the category. Or just go to the Products > Categories panel and click the category manually, then look for the Thumbnail and Enfold Category Styling options.
Best regards,
Ismael
Hi,
Thanks for your feedback but I see that your red bike image is still cropped, are you sure that you Regenerated your thumbnails:

I linked directly to the image below so you can see the crop, strange that this is the only image and the image on hover is also correct.
Best regards,
Mike
Hey JPVNVRN,
Thank you for the inquiry.
Please try to adjust the settings in the WordPress > Customizing > WooCommerce > Product Images panel and choose Uncropped, then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button. You may need to add this filter in the functions.php file as well.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Let us know if this helps.
Best regards,
Ismael
Hello,
I have a question. I have been using the enfold theme for a long time for a webshop for a bicycle store in combination with WooCommerce. Now suddenly the images on the category overview page are different in size. I duplicate an existing product and adjust everything. The images I add new to the media library are the same size as the ones already there.
Attached is an image for clarification.
I have already tried the following:
1. Adjust settings via customizer > Woocommere > product images > thumbnails
2. Updated Enfold and WP.
3. Deactivated all plugins.
4. Removed all CSS.
Does anyone have an idea what could be causing this problem?
Thanks in advance for the response.

I attached a picture showing developer information from safari
Thumbnail gets stucked in the controls div…
See PM
Hello, Ismael
I’ve provided the site URL and login information in the private field, and I’d like you to check other issues with the same catalog element.
It is on “MENU” page.
1. Thumbnail image shapes- (*can you please let me know how to resize the thumbnail images?)
2. The photo When clicking the menu doesn’t work well. EX) no arrows for the next photos, no close tabs….
I think something wrong with the catalog elements. so please check through of that.
Thank you
Hello,
catalog thumbnail images are shown oval suddenly.
It shows all the circles, but a few days later changed oval.

– Menu
Can you help me?
Thank you.
-
This topic was modified 3 years ago by
aelee.
btw: to set a different source image for the newsbox / portfoliobox you can add that snippet to child-theme functions.php:
( you have to look what index your widgets get )
function my_avf_newsbox_image_size( $image_size, array $args, array $instance ){
if( $args['widget_id'] == ( 'portfoliobox-3' || 'newsbox-2' || 'newsbox-4' ) ){
$image_size = 'square';
}
return $image_size;
}
add_filter( 'avf_newsbox_image_size', 'my_avf_newsbox_image_size', 10, 3 );
now for the example above you can now enlarge the thumbnail via quick css:
.news-thumb,
.news-thumb img {
width: 100px;
height: 100px;
}
see: https://enfold.webers-webdesign.de/impressum/ at the footer widgets
@Guenni007: Thanks for your tip! I already have the thumbnails ready ;)
-
This reply was modified 3 years ago by
MyWin.
everything is right – little hint – place a video alb element outside of that with the link to your youtube video. On Content – you can click “Download Video Thumbnail” – this image will be saved in the media library.
After that – you can get rid of that “helper” video alb element – but now you can insert this thumbnail inside the toggle content.
Hey MyWin,
To add an image in the accordion toggle that will open in a lightbox, use the add media button above the text field

choose your image and in the ATTACHMENT DISPLAY SETTINGS choose Link to media file

now clicking on the image will open it in a lightbox

To open a video in a lightbox, choose an image as your video thumbnail and in the ATTACHMENT DISPLAY SETTINGS choose Link to Custom URL and add your link, if using YouTube use this format: https://www.youtube.com/watch?v=G0k3kH
now clicking on the image will open the video in a lightbox.
Best regards,
Mike
Hey Cliffy,
Thank you for your patience, currently the theme doesn’t include this option so you would need to use a function or a plugin, I have submitted your feature request to the Dev Team for their review. I will reply when I hear back from them.
Best regards,
Mike
Hi.
Is it possible to have the thumbnails of each “Masonry Gallery” item without having to click to see them?
I have pages that use several “Masonry Gallery” elements, and I have to click on each element to see its content.
It would be more convenient to have the thumbnails directly displayed so I know “where I am”.
Thanks :-)
Example here : https://e.pcloud.link/publink/show?code=XZ5WYSZAVgH2nOw7eLfrem8WtgEbJQsMHDX
-
This topic was modified 3 years ago by
synkrown.
Hello Team,
I have bought Enfold theme and had a requirement to upload multiple images for the variations. We have bought “WooCommerce Additional Variation Images” plugin from the official website of Woo Commerce. However images are not showing correctly on product single page. I have checked with plugin-developers and they said you need to contact Enfold theme developers because our plug-in is working with with all other woocommerce compatible themes. We have also tested this plugin for other themes like SitefFront and it does show nicely.
We have also checked the Enfold is compatible with WooCommerce however this plug-in does not work well.
Website link: https://test.karton24.nl/en/product/e-commerce-brievenbus-doos-295x255x125-mm/
Since it is staging environment SSL is not installed, but you can continue by clicking advance if you would like to. Otherwise check below screen shots.
Image showing correctly without selection of variations: https://snipboard.io/brGdsQ.jpg
Image when I select the variations – Images are not showing as thumbnails: https://snipboard.io/A1BxVt.jpg
Hello, I’m having issues getting lightbox video thumbnails to show up. I’ve tried both using my own image in through the media manager and also downloading a thumb from youtube through the video insert dialog box. It was working yesterday, but now today it is not. I’ve cleared my cache, tried it in multiple browsers with the same result. Theme and plugins are up to date. I’ve also tried disabling all plugins as well.
Here’s two examples of the video thumbs not loading:
http://prime2.siteseeprotected.ca/ (scroll down)
http://prime2.siteseeprotected.ca/programs/
Here is an example of one that is working:
http://prime2.siteseeprotected.ca/training-program/hockey-training-programs/
(I thought I would save this working one as a template and see if I could just change the link and the thumbnail, but I discovered that I can’t even change the thumbnail at all. It just ignores the changes and reverts to the original.)
Thank you.
Kandace
-
This topic was modified 3 years ago by
webacom.
-
This topic was modified 3 years ago by
webacom.
-
This topic was modified 3 years ago by
webacom.
Hi Luisgasser,
Thanks, please go to Settings > Media then set Large size‘s Max Width and Max Height from 1030 to 1500.
If you have lots of images already uploaded then you can use plugins like Regenerate Thumbnails and regenerate all images.
Or you can simply re-upload the images so it regenerates large images based on the set image size.
I hope this helps.
Best regards,
Nikko
This reply has been marked as private.
In the popular posts widget, I get these weird blue circles on top if the thumbnail images. I don’t know where they are coming from.

They dissappear once you have moved the mouse over them.
Something similar happens to some images in pages if the mouse moves over them, but that is less of a problem

Do you know how I can get rid of those?
-
This topic was modified 3 years, 1 month ago by
geert18.
I am sending you a link to my gallery — Here is the link –>
As you can see there is an expand icon to open this image in a lightbox, and there are thumbnails over there.
Output required: What I want is, whenever I click on anywhere on the image or any thumbnail it should open a lightbox.
let me know if you need any other information.
Looks like it is working now.
I upgraded PHP, WordPress, Woocommerce etc., then I switched to Woocommerce 3.0 gallery which now gives me high resolution single product images.
I had to open ever gallery once in the Enfold editor and save it once, then the gallery thumbnails are automatically bigger in size.
Regenerate thumbnails was not necessary.
Thanks, you can close the ticket if you want.
Hi!
I’ve created a section background with a image background. I like to use a full-width image. But, when I upload image, a thumbnail (300px width) is used. I could change to the original image change with custom css. It’s possible to do it whithout css changes?
Thanks!
I have WordPress version 6.1.1, Enfold, 5.4.1, PHP version: 7.4.33
I use a child theme. In the Enfold settings –> Blog layout –> Similar posts –> Show thumbnail and post title by default
I have posts that contain a similar tag. However, nothing appears at the bottom of the post page.
When I test write changes here, nothing happens on the page:
../wp-content/themes/enfold-child/includes/related-posts.php
<?php
$cMsg = 'huhu';
echo '<script type="text/javascript">alert("'.$cMsg.'");</script>';
How do I get the similar posts enabled again?
Hey barnettmsiska,
Thank you for the inquiry.
Are you using the Image element in the Advance Layout Builder? You should be able to select or adjust the image size in the Image element editor (Styling > Size > Image Size).
To adjust the size of the featured images, you have to adjust the size of the entry_with_sidebar or entry_without_sidebar thumbnails manually using this code in the functions.php file.
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['entry_with_sidebar'] = array('width'=>845, 'height'=>446);
$size['entry_without_sidebar'] = array('width'=>1210, 'height'=>423);
return $size;
}
Best regards,
Ismael
I had a first good experiment using the Woocommerce 3.0 Gallery. Using this, the quality of the gallery thumbnails is higher and the single product images are of higher quality, too. It even has a magnification effect, which the Enfold gallery doesn’t have. I wonder why I picked the Enfold gallery in the past. Somehow I remember that the Enfold gallery had some advantages, but I can’t remember.
I now deactivated the additional code, reactivated the cropping, switched to Woocommerce 3.0 gallery and regenerate Woocommerce thumbnails.
If this works I could re-activate the Shortpixel Plugin again. Maybe it works more smooth combined with the Woocommerce 3.0 gallery.
Hi,
Please also disable the script, we will not use it, and then try going to WordPress ▸ Customizing ▸ WooCommerce ▸ Product Images and choosing Uncropped
and then go to WooCommerce > Status > Tools > Regenerate shop thumbnails, and click the Regenerate button next to it.
If this doesn’t help try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
If you use the Woocommerce Gallery instead of the Enfold Gallery do you have the same issue?
Best regards,
Mike