Hey halkmarine,

Thank you for the inquiry.

Please edit the product category, remove the thumbnail, then set the Enfold Category Styling to Default. Let us know of the result.

Best regards,
Ismael

Hey Martin,

Thank you for the inquiry.

How did you set the “automatic cropping”? Have you tried setting the Appearance > Customize > Woocommerce > Product Images > Thumbnail cropping to 1:1 or to a Custom aspect ratio?

Best regards,
Ismael

Hi,

Thank you for the info.

Try to remove this line in the remove_enfold_image_sizes function above.

remove_image_size('portfolio');

The post slider or the blog grid layout uses the “portfolio” thumbnail by default.

Best regards,
Ismael

Hi,

I noticed that I had issues with posts featured image on post silder

It should automatically fallback to the original image when the required thumbnail is not available. Where can we see the issue?

Best regards,
Ismael

Hi,

Thank you for the update.

how can I tell which duplicates should not be removed as they are needed to properly serve content to all devices?

WordPress or the theme will automatically fallback to the original image when the required thumbnail is not available. As mentioned above, all those thumbnails are used for different elements or templates in the theme.

Is this good practice for the theme to create duplicates of an original image

The duplication or thumbnail generation process is not done by the theme, but by WordPress itself. If you need to decrease the overall size and quality of the image, you can use 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 = 55; return $quality;}

This filter will set the compression quality from 100% to 55%.

I will also need to remove the duplicates from the server to clear space. I see this option is available only at the premium versions of some plugins.

You may need to manually delete the images and re-upload them again if you want to also clear the related database entries.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

It’s normal for WordPress and themes to generate different sizes or thumbnails for images. This helps avoid using the original or larger image when it’s not necessary. Each thumbnail is used based on the element or template where it needs to be displayed. If you want to prevent the theme from generating these thumbnails, you can add the following filter to your functions.php file:

// Disable loads of Enfold & WP image sizes upon upload
add_action('init', 'remove_enfold_image_sizes');
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');
}

Related thread: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this filter in the functions.php file to change the thumbnail size in the single product page:

function avf_single_product_thumbnail_size( $size ) {
    return 'full'; 
}
add_filter( 'single_product_small_thumbnail_size', 'avf_single_product_thumbnail_size' );

Best regards,
Ismael

Hey laptophobo,

Thank you for the inquiry.

Have you tried using the Image element’s Custom Field Image option? You can use the {wp_custom_field:_thumbnail_id} placeholder to automatically fetch the ID of the featured image. Please check the link below:

// https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/

Best regards,
Ismael

Hey cuccarini,

Thank you for the inquiry.

Unfortunately, your only option in this case is to make sure to upload images that have the same size and aspect ratio. As you observed, if you choose to select a specific thumbnail, some of the images will get cropped and may not display in full. You can also try the Masonry element but it may not work as you expect.

Best regards,
Ismael

Hi,

Thank you for the update.

It turns out that the theme sets a default thumbnail size called “shop_catalog” for the product grid. To adjust this, we added the following filter to the functions.php file:

function avf_mod_wc_before_shop_loop_item_title_img_size( $size ) {
    return 'full';
}
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_mod_wc_before_shop_loop_item_title_img_size' );

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t access the new site, which may be due to the security plugin:

Your access to this site has been limited by the site owner
Your access to this service has been limited. (HTTP response code 503)
If you think you have been blocked in error, contact the owner of this site for assistance.

Have you tried regenerating the thumbnails? Please make sure to create a restore point before doing so.

// https://wordpress.org/plugins/regenerate-thumbnails-advanced/
// https://wordpress.org/plugins/force-regenerate-thumbnails/

Best regards,
Ismael

Hey amyncuih,

Thank you for the inquiry.

The dynamic_avia folder contains most of the files that are generated on-the-fly when you update posts, change the style options, or download video thumbnails, etc. If you want to decrease the number of files in the folder, you can start by enabling the Enfold > Performance > Delete Old CSS and JS Files? option. This option is located at the very bottom of the panel. You can also disable the generation of the posts css file by adding this filter in the functions.php file:

function avf_mod_post_css_create_file( $create ){
  return false;
}
add_filter( 'avf_post_css_create_file', 'avf_mod_post_css_create_file', 10, 1 );

Another approach is to manually delete old or orphaned stylesheets and script files in the folder. These files are prefixed with names such as avia-footer-scripts, avia-gutenberg-dynamic-enfold, and avia-merged-styles. However, be sure to create a site backup before proceeding.

Best regards,
Ismael

Hey ampersart,

Thank you for the inquiry.

1.) To display a grid layout on the category or archive pages, set the Enfold > Blog Layout > Blog Layout settings to Grid Layout. By default, this setting displays 3 columns, but you can add the following filter to the functions.php file to reduce it to 2 columns.

add_filter("avf_post_slider_args", function($atts, $context) {
    if ($context == "archive") {
        $atts['type'] = 'grid'; 
        $atts['columns'] = 2;
    }
    return $atts;
}, 10, 2);

2.) You can set the Styling > Appearance > Preview Image Size settings to the second option to choose a different thumbnail size.

3.) The site is currently in maintenance mode, so we are unable to check the LayerSlider.

4.)The theme should be responsive by default. Just make sure that the Enfold > General Layout > Dimensions > Responsive Layout option is enabled.

In the future, we recommend opening a separate thread for each question or request, rather than grouping all questions in a single thread. This approach will make it easier for us to manage and will allow us to provide more immediate responses.

Best regards,
Ismael

Hey lucybb2,

Thank you for the inquiry.

Looks like you’re trying to adjust the size of the thumbnails on the archive or category pages. This cannot be adjusted in the Settings > Media panel. You have to edit the archive.php file directly or use this filter in the functions.php file:

add_filter("avf_post_slider_args", function($atts, $context) {
  if( $context == "archive" ) {
    $atts['type']  = 'grid'; 
    $atts['columns']  = 4;
    $atts['preview_mode'] = 'custom';
    $atts['image_size'] = 'medium';
  }
  return $atts;
}, 10, 2);

The filter above will set the image size to Medium. Also, when you change the size of the thumbnails, you need to either upload the images again or regenerate the thumbnails.

// https://wordpress.org/plugins/regenerate-thumbnails-advanced/
// https://wordpress.org/plugins/force-regenerate-thumbnails/

Best regards,
Ismael

Hey Richard,

Thank you for the inquiry.

You need to ensure that the uploaded images have the same sizes and that the aspect ratio matches your preference. Also, when you change the size of the thumbnails in the Settings > Media panel, you must regenerate the thumbnails or upload the images again. Adjusting the image size will not automatically regenerate new thumbnails for the existing images. You can use the following plugin to regenerate the thumbnails.

// https://wordpress.org/plugins/regenerate-thumbnails-advanced/
// https://wordpress.org/plugins/force-regenerate-thumbnails/

Best regards,
Ismael

Hey bemodesign,
The white lines on the sides of your images are in your thumbnails, see the direct link to your image below.
Try changing the size of your images so they are square then when you upload them they will not be cropped with the white sides.
It looks like the images that you are uploading are portrait and not square.

Best regards,
Mike

Hi Tim,

Thank you for the credentials.

Having a look into it – you are having a lot of customizations, a lot of plugins and also modifications to the image sizes defined.

E.g. 1500*0 – Featured Thin (added by theme), 1700*0 – Fullscreen Sections/Sliders (added by theme), …

In core it is: 1500*430 – Featured Thin (added by theme), 1500*1500 – Fullscreen Sections/Sliders (added by theme)

We are using core WP functions for creating the responsive scrset and size – no idea what *0 causes behind the scene in WP core.

Also it is a bit strange that when no image is selected for a category we get the last image added returned by a core WP function:

$attachment_id = avia_get_woocommerce_term_meta( $term->term_id, 'thumbnail_id' );

calls

get_term_meta( $term_id, $key, $single )

The following functions are involved in handling the banner for shop page and category pages in file ..\config-woocommerce\config.php:

avia_woocommerce_overview_banner_image()
avia_woocommerce_big_cat_banner()
avia_woocommerce_shop_banner()
avia_woocommerce_parallax_banner()

The code in the functions is pretty straight and easy to understand.

What I would suggest you can do:

– To make 100% sure we do not have a bug in our core (we tested it carefully, but we might have missed something) create a clean install with Enfold and WooCommerce, add a few images and categories and check, if you get it to run as you want it – using filters if necessary (we can add additional filters if needed to core)

– Then you need to dig into your customizationed site and try to figure out, what breaks our code

I know this answer does not satisfy but digging into your code cannot be done in a few minutes.

If you need anything added to code or anything I can assist you let me know.

Best regards,
Günter

Hey isynergy,

Thank you for the inquiry.

This is possible, but you have to directly modify the /enfold/includes/loop-index.php file and add this code around line 504:

$featured_image = get_the_post_thumbnail($the_id, 'thumbnail', array('class' => 'read-more-thumbnail'));
		echo '<div class="featured-image-container">' . $featured_image . '</div>';

Above this code:

echo $close_header;

Then, add this css code to move the image to the right.

.featured-image-container {
    float: right;
}

Best regards,
Ismael3