Avia Custom Layout Element – CSS doesn't load

It’s not a pretty solution, since I had to change two files everytime, but it did the job.

Now I have another problem:
The product image opens in lightbox, but it shows four impressions to cycle through of each product image. Is there a way to only show one impression?

Best regards,
Johannes

• This reply was modified 6 years, 2 months ago by jw_fct.

Hi,

if I click on the image to open a bigger version, the image is opened 3 or 4 times in the lightbox viewer (1/3 on bottom corner) to cycle through before getting to the next image.

Best regards,
Johannes

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.