Hey Dameon,

Thank you for the inquiry.

You may need to add this filter in the functions.php file to disable the theme’s default size for the catalogue images.

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 the issue persists, here are a few things you can try to troubleshoot the problem:

1.) Check the WooCommerce settings for the product images to make sure that the correct image sizes are being used for the product categories. You can access these settings by going to “Customize > WooCommerce > Product Images” in the WordPress dashboard.

2.) Check the WordPress media settings to make sure that the correct image sizes are being used for the product images. You can access these settings by going to “Settings > Media” in the WordPress dashboard.

3.) Check the WordPress theme and plugin files to see if there are any custom image size functions being used that might be affecting the way the product images are displayed.

Hope these suggestions help! Let us know if you have any other questions or if you need further assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

To make the default thumbnails and copy larger in the magazine element, please try the following css code.

.av-magazine-thumbnail {
    width: 180px;
    min-height: 180px;
}

.av-magazine-thumbnail img {
    height: 180px;
    width: 180px;
}

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 2rem;
    line-height: 1.4em;
}

.av-magazine .av-magazine-content {
    font-size: 1rem;
    line-height: 1.3em;
}

This code will increase the font size of the copy and set the width and height of the thumbnails to 180px. You can adjust these values as needed to achieve the desired size for the thumbnails and content.

I hope this helps! Let me know if you have any other questions or if you need further assistance.

Best regards,
Ismael

Hi,
Thank you for your patience but I’m not sure what you mean. Do you mean the cropping of the slider image or the placement of the slider image in the slide?
To adjust the Crop Position please see this article: Adjust WordPress Image Crop Position
For the fullsize slider image try adding this to your child theme functions.php:
add_image_size( 'featured_large', 1500, 630, array( 'center', 'center' ) );
and then regenerate your thumbnails using the regenerate thumbnails plugin.

Best regards,
Mike

Hey emilconsor,

Thank you for the inquiry.

It sounds like there may be an issue with the gallery script. Did you modify the enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.js file? Here are a few things you can try to troubleshoot the problem:

1.) Check the modifications made to the gallery.js. This is the script that is responsible for displaying the full-size images when the thumbnails are hovered over. There may be an issue with the way this code is handling the image URLs or with the way it is updating the DOM to display the images.

2.) If you are using any custom CSS to style the gallery element, make sure that the CSS is being applied correctly and is not causing any issues. You can try temporarily disabling the custom CSS to see if the issue persists without it.

If the issue persists after trying these steps, you may want to try creating a new gallery using a different plugin or tool to see if the issue is specific to the plugin or tool you are currently using.

I hope these suggestions help! Let me know if you have any other questions or if you need further assistance.

Best regards,
Ismael

Hey hgschaffler,

Thank you for the inquiry.

The theme sets its own default image size for the catalogue page to create a more uniform grid, but it can be disabled by adding this code in the functions.php file.

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';
}

Best regards,
Ismael

Hi,
Thanks for your screenshots, it looks like you are looking at the correct images, Shop Catalog 450×450
So I would change this one to no crop and then regenerate the thumbnails again, you should be able the regenerate this one size if you wish in the plugin.

Best regards,
Mike

Hi,
If you use the Simple Image Sizes plugin you can change the size of the shop catalog images, there is no option to change this in the theme.
Your first screenshot is from WordPress ▸ Dashboard ▸ Settings ▸ Media ▸ Media Settings ▸ Image sizes, it is not a WooCommerce setting, you probably meant WordPress instead of WooCommerce, I just wanted to make sure we are talking about the same setting, and yes that is correct.
The default shop catalog image size is 450×450, when I check my Shop Demo with the latest Enfold and WooCommerce none of my images changed after the last update and the only difference I see in sizes are
woocommerce_thumbnail 300×300
woocommerce_single 600×0
and yours are:
woocommerce_thumbnail 600×0
woocommerce_single 800×0
So your woocommerce_thumbnail are twice the size as the default, try right-clicking on your shop images that look cropped and open the image in a new tab and see if the whole image shows or if the image is actually cropped.
I would think that even if the image is twice the size the image would scale down to show the whole image as the thumbnail, so I believe that your image is actually cropped and if so the only way to fixed it would be to regenerate the thumbnails again without cropping. Cropping is the default setting for woocommerce_thumbnail image.

Best regards,
Mike

Hi Antonella,

I am sorry for the late reply!

Your product images are not showing up on my end but I have added following code to bottom of functions.php file of your child theme

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';
}

Could you please clear cache and review your website?

Best regards,
Yigit

Hi,
It sounds like regenerating your thumbnails is the root cause. I recommend testing on your staging site to correct this.

Best regards,
Mike

Hi,
Chrisxx1982 thanks your your patience and your screenshot: https://imgbb.com/47sQ41L
I see that you said: The problem first appeared when I regenerated the thumbnails. is this because you changed the size of some of your images?
I recommend following audreyweddingsalon advice and first create a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.
Then for your issue I recommend installing the plugin Simple Image Sizes as it will give you an easy way to set certain images to no crop:

afterward you will want to use a regenerate thumbnails plugin.
The built-in thumbnail regeneration in the Simple Image Sizes plugin often fails for me, this is why I recommend a different plugin to regenerate thumbnails.
Please note there are several woocommerce & shop image sizes so try to change the ones you want to.

Best regards,
Mike

Hey j0schi,
Thank you for your patience, please try this css:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
}
.responsive table.shop_table .product-subtotal,
.responsive .shop_table .product-quantity,
.responsive table.shop_table.cart .product-thumbnail {
	display: table-cell;
	padding: 0;
}
.responsive table.shop_table.cart .product-thumbnail,
.responsive table.shop_table.cart .product-thumbnail img {
	width: 50px;
    min-width: 50px;
}
}

The expected results:

Best regards,
Mike

Hi,
I’m not sure that I understand because I was able to create this layout using the current magazine options when using two magazine elements in two columns, the element on the left only shows 4 thumbnails and the element on the right shows one larger 1030px x 1030px image.

So I’m not sure what you would like to change about the layout.

To use larger thumbnail images for the magazine element, I added the custom class larger-thumbnails to the element on the left and this script at the end of my child theme functions.php file in Appearance ▸ Editor:

function custom_mag_thumb_size() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px');
$('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px');
$('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px');
$('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_mag_thumb_size');

and this was the result:

I linked my test page below, please give this a try.

Best regards,
Mike