Hi,

Thank you for the info.

We may need to adjust the default size of the thumbnails. Please add this code in the functions. file:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

Then use the this plugin to regenerate the thumbnails.

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

Please make sure to create a site backup before proceeding.

Best regards,
Ismael

Hi,

It works, but the images are too small in height. Can I still adjust the height in CSS?

You may need to adjust the default size of the entry_without_sidebar thumbnail. Please add this filter in the functions.php file:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

Then use the following plugin to regenerate the thumbnails:

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

IMPORTANT: Please make sure to create a site backup or restore point before proceeding.

Best regards,
Ismael

Hey caro_dsa,

Thank you for the inquiry.

Unfortunately, adding an image banner to product tags is not supported, as there is no default option to apply thumbnails for tags. If having this functionality is essential, you may consider hiring a freelancer to assist with the customization. You can find freelancers who specialize in theme customization on our customization page.

If you have any other questions or need further assistance, please feel free to let us know.

Best regards,
Ismael

Hi,

Thank you for the update.

Now it is stretched on desktop view. Agh, seems like all my product photos are messed up on desktop or mobile

You may need to wrap the code inside a css media query so that it only affects the desktop view.

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
    #top.page .product .thumbnail_container img {
        width: 63%;
        margin: auto;
    }
}

And this Category section used to be 4up on Mobile view(see code below and screenshot attached) .

Did you add or remove a section on the page? The css rule needs to be adjusted because it currently uses a temporary selector, #av_section_4, which can change depending on the number of sections on the page. Instead, you can apply a custom ID (e.g., av-section-shop-category) to the color section element containing the shop category. To do this, go to Advanced > Developer Settings > Custom ID Attribute and add your custom ID. Then, adjust the css rule as follows:

@media only screen and (max-width: 767px) {
  .responsive .home #wrap_all #av-section-shop-category .flex_column {
    width: 48%;
    padding: 1%;
  }
}

Best regards,
Ismael

Hi,
I do not, but this seems to solve:

#top.page .product .thumbnail_container img {
	width: 63%;
    margin: auto;
}

adjust to suit.
I see that you have elementor classes on your page, please note that Enfold & elementor are not designed to work together and often have conflicts, as well as any other builder.

Best regards,
Mike

Hi,
Thank you for your patience, try this css:

@media only screen and (max-width: 767px) { 
	#top .product .thumbnail_container img {
    width: 73%;
    margin: auto;
}
}

Best regards,
Mike

Hi!

Thank you for the update.

Try to add this filter to adjust the thumbnail size of the featured images.

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'] = 'portfolio';
    }
    return $atts;
}, 10, 2);

Regards,
Ismael

Hi,

there no way to just make the images full-size as they were before?

Please switch back to the default enfold product gallery, then add this filter in the functions.php file to adjust the thumbnail size:

add_filter('single_product_small_thumbnail_size', function($size) {
    $size = 'full';
    return $size;
}, 10, 1);

Best regards,
Ismael

Hey Jose Ramon,

Thank you for the inquiry.

The theme doesn’t actually affect how the feed works or interact with it. Did you install any plugins related to the feed?

This is what the XML markup with the duplicated image looks like:

<description><![CDATA[<a href="https://mymabogados.com/transformacion-del-recurso-especial-en-materia-de-contratacion" title="La Transformación del Recurso Especial en Materia de Contratación: Un Camino hacia la Excelencia Administrativa" rel="nofollow"><img fetchpriority="high" width="495" height="259" src="https://lh3.googleusercontent.com/pw/AP1GczPvGSHnn7froqBKQybrIx77QgZxcoJIWt_PKBOxKifvtpq-6xEdtx2FfVgaTUXcaVmbH7IuZdl7qv3y3x47JTOoJb3lOzdnBSLQog5Bx9Kwq9vtJFZPBfJt1WNwcX28o06mSocoiUJFa488pVaJaD4h=w870-h455-s-no?authuser=1" class="wp-image-18772 avia-img-lazy-loading-not-18772 webfeedsFeaturedVisual wp-post-image" alt="transformación del recurso especial en materia de contratación | Melián Abogados" title="transformación del recurso especial en materia de contratación | Melián Abogados" style="display: block; margin-bottom: 1px; clear:both;max-width: 100%;" link_thumbnail="1" decoding="async" /></a>Descubre cómo el recurso especial en materia de contratación (REMC) ha mejorado la transparencia y el control en la gestión de recursos. Analizamos su eficacia, los desafíos actuales y propuestas para ampliar su ámbito de aplicación, beneficiando a pequeñas y medianas empresas.]]></description>
										<content:encoded><![CDATA[<a href="https://mymabogados.com/transformacion-del-recurso-especial-en-materia-de-contratacion" title="La Transformación del Recurso Especial en Materia de Contratación: Un Camino hacia la Excelencia Administrativa" rel="nofollow"><img fetchpriority="high" width="495" height="259" src="https://lh3.googleusercontent.com/pw/AP1GczPvGSHnn7froqBKQybrIx77QgZxcoJIWt_PKBOxKifvtpq-6xEdtx2FfVgaTUXcaVmbH7IuZdl7qv3y3x47JTOoJb3lOzdnBSLQog5Bx9Kwq9vtJFZPBfJt1WNwcX28o06mSocoiUJFa488pVaJaD4h=w870-h455-s-no?authuser=1" class="wp-image-18772 avia-img-lazy-loading-not-18772 webfeedsFeaturedVisual wp-post-image" alt="transformación del recurso especial en materia de contratación | Melián Abogados" title="transformación del recurso especial en materia de contratación | Melián Abogados" style="display: block; margin-bottom: 1px; clear:both;max-width: 100%;" link_thumbnail="1" decoding="async" /></a><strong>Notas para el III Congreso Contratación Pública Valencia</strong>

Best regards,
Ismael

Hi,

Thank you for the update.

Try including this filter as well:

add_filter('woocommerce_gallery_thumbnail_size', 'avf_custom_single_product_gallery_thumbnail_size');
function avf_custom_single_product_gallery_thumbnail_size() {
    return 'full';
}

Best regards,
Ismael

Hey Jason,

Thank you for the inquiry.

Please try to add this filter in the functions.php file to use the default thumbnail size:

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

Hey woogie07,

Thank you for the inquiry.

You can use the [product_categories] shortcode to display a grid of category thumbnails. If you’re using the Advanced Layout Builder (ALB), try inserting a Text or Code Block element, then place the shortcode.

[product_categories columns="3" ids="1,2,3" hide_empty="0" parent="0" orderby="name" order="ASC"]

Make sure to update the parameters based on your needs. For more info, please check the documentation below:

// https://woocommerce.com/document/woocommerce-shortcodes/product-category/

Best regards,
Ismael

Hey Martin,

Please try the following in Quick CSS under Enfold->General Styling:

section.related .inner_product .thumbnail_container {
  height: 300px;
  max-height: 300px;
}

Best regards,
Rikard

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