Hi,

Thank you for update.

I did what you had said, but it did not fix the problem.

Looks like you are using the Advance Layout Builder to create the content of the product page and to create the product gallery, you added an Image and Gallery element. Please edit the gallery element and make sure that the Styling > Gallery Styling is set to the second option (Big image with thumbnails below).

You have to switch to the default editor if you want to use the default product gallery instead.

Best regards,
Ismael

Hey profumopuntoit,

Thank you for the inquiry.

Have you tried adjusting the size of the product images in the Appearance > Customize > Woocommerce > Product Images panel? You can also select a different thumbnail size by adjusting the product slider’s Styling > Image Size > Select image size settings.

Best regards,
Ismael

Hi,
Try this css:

#top.home #av_section_3 .avia-content-slider .slide-entry img {
	width: 100%;
}

or could change the size-medium image to 400px with Simple Image Sizes and then Regenerate Thumbnails.

Best regards,
Mike

Hey walhai,

Thank you for the inquiry.

You have to modify the enfold\config-templatebuilder\avia-shortcodes\postslider\postslider.php file, look for the following code around line 805.

$thumbnail = get_the_post_thumbnail( $the_id, $image_size );

Replace the $image_size with a different thumbnail (ex. full, large, square, medium etc ). Default size is “portfolio”.

$thumbnail = get_the_post_thumbnail( $the_id, "full" );

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

You can use the avf_modify_thumb_size filter to adjust the dimension of the existing thumbnails. Usage examples can be found in the following threads.

// https://kriesi.at/support/topic/alter-featured-image-on-blog-does-not-work/#post-1342432
// https://kriesi.at/support/topic/title-and-image/#post-1304670
// https://kriesi.at/support/topic/source-for-masonry-image-size/

Best regards,
Ismael

Hi!

Thank you for the update.

There was an error in the code above, but we already corrected it. Please try it again. The filter should disable the default thumbnail (450x450px) that is enforce by the theme and revert it back to the default woocommerce_thumbnail, which automatically adjusts based on the selected options in the Appearance > Customize > Woocommerce > Product Images panell.

Regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

You will have to directly add the shortcode of the full width section in the archive.php template or use this hook in the functions.php file.

add_action("ava_after_main_title", function() {
    $post_id = get_the_ID();

    if(get_post_type( $post_id ) == "post" || is_archive())
    {
        $thumbnail = get_the_post_thumbnail_url ( $post_id );

        echo do_shortcode("[av_section min_height='50' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='" . $thumbnail . "' attachment='31' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-lck8sod6' sc_version='1.0'][/av_section]");
    }
}, 10, 1);

Replace the value of the $thumbnail with the URL of the image that you would like to display as background.

Best regards,
Ismael

Hey Stephen,

Thank you for the inquiry.

You can add the following code in the functions.php file to adjust the size of 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';
}

Best regards,
Ismael

Hi,

You can try this hook in the functions.php file to render a color section in the portfolio page with the featured image as background. Please note that this modification will only work for portfolio items without sidebars.

add_action("ava_after_main_title", function() {
    $post_id = get_the_ID();

    if(get_post_type( $post_id ) == "portfolio")
    {
        $thumbnail = get_the_post_thumbnail_url ( $post_id );

        echo do_shortcode("[av_section min_height='50' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='" . $thumbnail . "' attachment='31' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-lck8sod6' sc_version='1.0'][/av_section]");
    }
}, 10, 1);

Best regards,
Ismael

Hey SRF,

Thank you for the inquiry.

The theme designates its own thumbnail size to the catalog pages by default, but you can override it by adding this filter 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';
}

The selected options in the Product Images panel should apply once the filter is added.

Best regards,
Ismael

Hi,
Thanks for the screenshot and the link to your site, your image is cropped, I recommend using the plugin Simple Image Sizes, it will let you change the image crop to false.
After you make the changes you will need to use the plugin Regenerate Thumbnails to change all of the thumbnails.

Best regards,
Mike