Hey burdeMedia,

Thank you for the inquiry.

The images are set to have a maximum height of 321px but you can adjust it manually by editing the entry_with_sidebar thumbnail size in the functions.php file,

$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);	

Or install the following plugin, then go to the Settings > Media panel and adjust the size of the entry_with_sidebar thumbnail there. And yes, you have to regenerate the thumbnails after the size adjustment. This is the plugin.

// https://wordpress.org/plugins/simple-image-sizes/

Best regards,
Ismael

Hi,

Thank you for the update.

After the thumbnail size adjustment, did you regenerate the thumbnails or upload the images again? You can use the plugin that we suggested above to regenerate the images or thumbnails in bulk.

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

Best regards,
Ismael

Hi,
Thanks for the login, I checked your pages on Windows with Chrome & Firefox & a 22′ screen, at first I don’t notice any blurriness in the preview thumbnails, but when I compare the thumbnails in a new tab with the gallery there seems to be a difference, I believe it’s because your thumbnails are 300px square and are showing at 351px square, I recommend changing the thumbnail size to 400px square and then Regenerate Thumbnails and clear your caches.
Perhaps on your 13′ Mac the thumbnails are showing at 300px so you don’t see the difference?
I linked to the thumbnails in the Private Content area to show what I mean.

The easiest way to change the thumbnail sizes is to install the Simple Image Sizes plugin, then go to Settings > Media, and change the thumbnail image size (increase its width / height).
Then Regenerate Thumbnails with this plugin, it seems the Simple Image Sizes plugin has an issue with it’s “regenerate thumbnails” option.

The other option is to find the image sizes in the functions.php file around line 174 and then Regenerate Thumbnails and clear your caches.

Best regards,
Mike

Hey Nicolas,

Thank you for the inquiry.

We can set the big preview image to change on click or tap but you will lose the gallery’s lightbox functionality. If you want to proceed, edit the wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.js file, and replace everything with this code:

// https://pastebin.com/A1NdePZ7

After that, edit the wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.php which is located in the same folder, and look for this code around line 430:

$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";

.. replace it with:

$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class noLightbox'" : "class='first_thumb noLightbox $imagelink $custom_link_class'";

This will disable the lightbox, so when you click on the gallery thumbnails the preview image will change and not open the lightbox container.

We can probably come up with a better solution in the future but this is beyond the scope of support.

Best regards,
Ismael

Hi,

or resolution? Is this assumption correct?

1.) Yes, that is correct. The theme will only load the predefined thumbnail because the srcset attribute is not present in the template, so you have to upload images that are big enough on any type of device. If you want, you can install a third party plugin that adds srcset attribute to images.

// https://wordpress.org/plugins/wp-retina-2x/

2.) Also correct. Uploading larger images is not necessarily bad because you can still compress them and given proper optimization on other areas of the site, it should still load fast on any device. But having the srcset attribute in the template or the image tag is still the better solution. Please try the plugin above.

Best regards,
Ismael

Hi,

Did you try adjustinng the size of the Large thumbnail in the Settings > Media panel as suggested above?

Best regards,
Ismael

Hey wrightella1,
Sorry for the late reply, you can modify the image sizes in the /enfold/functions.php file, starting at line 166.
After making your changes you will have to Regenerate Thumbnails.

For your burger menu font sizes, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 990px) { 
	#top #wrap_all #av-burger-menu-ul span.avia-menu-text,#top #wrap_all #av-burger-menu-ul li {
		font-size: 16.5px !important;
	}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

Can you give us a link to the site so that we can inspect the images? Please post the site URL in the private field. For the meantime, try to check if the window actually contains the original version of the image instead of the thumbnail.

UPDATE: If you mean the lightbox container, try to adjust the Large thumbnail size from the Settings > Media panel, then regenerate the thumbnails or upload the images again.

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

Best regards,
Ismael

Hi,

Please try adding following code to bottom of functions.php file

function av_get_thumb_excerpt( $atts ) {
	$a = shortcode_atts( array(
		'id' => '',
	), $atts );

	$output = get_the_excerpt($a['id']); 
	$output .= get_the_post_thumbnail($a['id']);

	return $output;
}
add_shortcode( 'my_shortcode', 'av_get_thumb_excerpt' );

Then you can use the shortcode as following

[my_shortcode id="10"]

and replace ID (10) depending on which post you would like to display. I attached the result in private content field :)

Regards,
Yigit

Hi,

You can copy the whole avia_woocommerce_product_elements function in the child theme, rename the function and do your own modifications.

remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 );

function avia_woocommerce_product_elements_mod( $elements )
{
	$posttype = avia_backend_get_post_type();

    if( ! empty( $posttype ) && $posttype == 'product' )
    {
        $elements[] = array("slug"	=> "avia_product_hover",
            "name" 	=> "Hover effect on <strong>Overview Pages</strong>",
            "desc" 	=> "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
            "id" 	=> "_product_hover",
            "type" 	=> "select",
            "std" 	=> "",
            "class" => "avia-style",
            "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));

        $counter = 0;
        foreach( $elements as $element )
        {
            if( $element['id'] == 'sidebar' ) 
			{
				$elements[ $counter ]['required'] = '';
			}
            else if( $element['id'] == 'layout' ) 
            {
	            $elements[ $counter ]['builder_active'] = true;
	           // unset($elements[$counter]);
            }
            $counter++;
        }
    }

	return $elements;
}

Best regards,
Ismaele

Hi,

Thank you for the info. You can use the Media Elements > Gallery element for that. Make sure that the Styling > Gallery Style is set to the second option (Big image with thumbnails below). The big image will be replaced with whichever thumbnails you hover.

Best regards,
Ismael