$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";

I had tried to change. Nothing changed.
The previous configration below:
$output .= $thumbnail ? “{$thumbnail}” : “”;

How to change in a correct way?
Thanks a lot

Hi Victoria,

the issue is that the original image is 1617px wide, it is loaded into the media and available at that size and the selection I have set is “load original image size” but it is only

loading a thumbnail size of 1500px wide

– yes I can stretch it but that’s the thing I want to avoid so the image is as crisp as it can be. I have built at least 25 sites with Enfold and always used the Fullwidth Easy Slider in exactly the same way and it loads my original size no problem (with or without a link on the image).

No, there are two duplicates of each product in the lightbox.

The lightbox link is created three times per product:

<li>
<a href="https://farbencenter.at/wp-content/uploads/2018/03/SC_Haftgrund-pigmentiert_RGB-RZ-1030x871.png" class="av-catalogue-fct-item lightbox-added" style="position: relative; overflow: hidden; display: block;">
<img src="https://farbencenter.at/wp-content/uploads/2018/03/SC_Haftgrund-pigmentiert_RGB-RZ-180x152.png" title="SIGMA Haftgrund pigmentiert" alt="SIGMA Haftgrund pigmentiert" class="av-catalogue-fct-image" style="">
<span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 182px; width: 190px;">
<span class="image-overlay-inside">
</span>
</span>
</a>
<div class="av-catalogue-fct-item-inner">
<a href="https://farbencenter.at/wp-content/uploads/2018/03/SC_Haftgrund-pigmentiert_RGB-RZ-1030x871.png" class="av-catalogue-fct-item lightbox-added">
<div class="av-catalogue-fct-title-container"><div class="av-catalogue-fct-title"><h4>SIGMA Haftgrund pigmentiert</h4></div><div class="av-catalogue-h2o"></div></div>
<div class="av-catalogue-fct-content">
Weiß pigmentierte, wasserverdünnbare Universal-Grundierung.<p></p>
<ul>
<li>haftvermittelnd</li>
<li>verlängert die Offenzeit der Schlussbeschichtung</li>
<li>niedrige Wasserdurchlässigkeit</li>
<li>gute Wasserdampfdurchlässigkeit</li>
<li>ohne strukturgebendes Korn</li>
<li>tönbar über SIGMA Mix-System</li>
<li>airless-spritzbar</li>
</ul>
</div>
</a>
<div class="av-catalogue-fct-pdflink">
<a href="https://farbencenter.at/wp-content/uploads/2018/03/SC_Haftgrund-pigmentiert_RGB-RZ-1030x871.png" class="av-catalogue-fct-item lightbox-added">
</a>
<a class="prettylink pdf" target="_blank" href="index.php?file_download=file&userid=PUBLIC&filepath=%2FTM%2FSIGMA%20Coatings%2FTM-SIGMA-Haftgrund-pigmentiert.pdf"><span style="float:right"></span>Technisches Merkblatt</a></div>
<div class="av-catalogue-fct-pdflink">
<a class="prettylink pdf" target="_blank" href="index.php?file_download=file&userid=PUBLIC&filepath=%2FTM%2FSIGMA%20Coatings%2FSDB-SIGMA-Haftgrund-pigmentiert.pdf"><span style="float:right"></span>Sicherheitsdatenblatt</a></div>
</div>
</li>

I duplicated the avia-catalogue item, the only code that is related to the lightbox is this:

if($link)
				{
					if($link == 'lightbox' && $id)
					{
						$link 	= aviaHelper::get_url($link, $id);
					}
					else
					{
						$link 	= aviaHelper::get_url($link);
						$blank = (strpos($target, '_blank') !== false || $target == 'yes') ? ' target="_blank" ' : "";
						$blank .= strpos($target, 'nofollow') !== false ? ' rel="nofollow" ' : "";
					}
					
					$item_markup = array("open"=>"a href='{$link}' {$blank}", "close" => "a");
				}

I’m baffled, don’t know how to get rid of the additional lightbox-links. I know this makes the whole element clickable to get a bigger version of the product image, but it’d be enough to have only the thumbnail link to the bigger version of the image.

Hi Victoria… thanks!
I have put a fullwidth easy slider back in and loaded a slider 1617px wide (which matches the container size)… but after some playing it is still loading the 1500px width thumbnail no matter what I do, so help would be much appreciated :-)
— Annemarie

After a LOT of tinkering, I was able to work this out. Apparently there’s a new way of telling WooCommerce what width to use for gallery thumbnails. Here’s what I added to my functions.php to solve the problem. The number 593 is the width I use for my main product images. This code sets the width of the gallery thumbnails to match.

add_action( 'after_setup_theme', 'my_custom_woocommerce_theme_support' );
function my_custom_woocommerce_theme_support(){
	add_theme_support( 'woocommerce', array(
	'gallery_thumbnail_image_width' => 593,
	) );
}

OK, @Guenni007 — putting the following in my child’s function.php file and re-uploading the images at a size greater than 495×400 worked! (note: regenerating the thumbnails with the Regenerate Thumbnails by József Koller plugin did not seem to work for me/this).

I’m curious, do you know what the 10, 1 refers to in the function?

Regardless, this solved my issue / answered my question — thanks so much!!

<?php

function custom_modified_thumb_sizes( $size ){
$size[‘magazine’] = array(‘width’=>495, ‘height’=>400 );
return $size;
}
add_filter(‘avf_modify_thumb_size’, ‘custom_modified_thumb_sizes’, 10, 1 );

Thanks for the reply.
I have added the code to my child functions.php – increased compression to 100%
Regenerated my thumbnails
Re-uploaded another high resolution image (of a woman wearing jewellery) in the correct size (1500 x 430) to full width easy slider
Cleared my my browser cache
But on my screen the slider is still rendering the womans skin as pixelated.
If you view the uploaded image in Media it is sharp – with no pixelation on the skin.
It seems something happens to quality of the image once it’s uploaded to the slider.
Please advise