...kennt man aus den meisten Shops, JTL kann es bisher leider nicht. Geht man in einer Kategorie mit der Maus über ein Vorschaubild, so wird das zweite Vorschaubild (sofern vorhanden) gezeigt.
Hier ein kleines HowTo.
1. Shop Backend "Benutzerdefinierte Template-Dateien verwenden" > JA
2. Datei \templates\JTL-Shop3-Tiny\tpl_inc\suche_liste.tpl in den gleichen Ordner kopieren und in suche_liste_custom.tpl umbennen
3. Den Code
suchen und ersetzten mit
4. In der CSS Datei einfügen:
Hier ein kleines HowTo.
1. Shop Backend "Benutzerdefinierte Template-Dateien verwenden" > JA
2. Datei \templates\JTL-Shop3-Tiny\tpl_inc\suche_liste.tpl in den gleichen Ordner kopieren und in suche_liste_custom.tpl umbennen
3. Den Code
Code:
<img src="{$Artikel->cVorschaubild}" alt="{$Artikel->Bilder[0]->cAltAttribut|strip_tags|escape:"quotes"|truncate:60}" id="image{$Artikel->kArtikel}_{$imgcounter}" class="image" />
Code:
{if isset($Artikel->Bilder[1]->cPfadKlein)}
<div class="jps-image_overlay">
<img src="{$Artikel->cVorschaubild}" alt="{$Artikel->Bilder[0]->cAltAttribut|strip_tags|escape:"quotes"|truncate:60}" id="image{$Artikel->kArtikel}_{$imgcounter}" class="image" />
</div>
<div class="jps-image_overlay_mouseover">
<img src="{$Artikel->Bilder[1]->cPfadKlein}" alt="{$Artikel->Bilder[1]->cAltAttribut|strip_tags|escape:"quotes"|truncate:60}" id="image{$Artikel->kArtikel}_{$imgcounter}_2" class="image" />
</div>
{else}
<img src="{$Artikel->cVorschaubild}" alt="{$Artikel->Bilder[0]->cAltAttribut|strip_tags|escape:"quotes"|truncate:60}" id="image{$Artikel->kArtikel}_{$imgcounter}" class="image" />
{/if}
4. In der CSS Datei einfügen:
Code:
.jps-image_overlay_mouseover {
display: none;
}
.article_wrapper div.article_image .image_overlay_wrapper:hover .jps-image_overlay_mouseover {
display: block;
}
.article_wrapper div.article_image .image_overlay_wrapper:hover .jps-image_overlay {
display: none;
}