Hi,

I want thumbnails for the category and subcategories icons in the grid, but not the same poorly scaled image in the banner.

When I checked the category page above (see private field), the image or thumbnail is no longer displayed as a banner. If you need to adjust the size of the thumbnail, try adding this css code.

.tax-product_cat .page-thumb img {
    width: auto;
}

Best regards,
Ismael

Hi,

If you still want to display the image and keep the thumbnail, set the Enfold Category Styling to Default. This will display the category template in its default style.

Best regards,
Ismael

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