Bild per Mouseover in Produktauflistung vergrößern

[Jolo]

So, hier ein roundup für den shop3:

...noch vor Punkt 1: BACKUP MACHEN!!

1. Datei laden (klick), entpacken und den Inhalt (inkl. dem "hover"-Ordner in deinTemplate/js kopieren

2. Datei deinTemplate/tpl_inc/suche_liste.tpl öffnen und Zeile 34:

<a href="{$Artikel->cURL}">

ändern in:

<a href="{$Artikel->cURL}" class="screenshot" rel="{$Artikel->Bilder[0]->cPfadNormal}">

3. Datei deinTemplate/tpl_inc/header.tpl öffen und nach Zeile 32

<link type="image/x-icon" href="{$currentTemplateDir}themes/base/images/favicon.ico" rel="shortcut icon"/>

das hier einfügen:

<script src="{$currentTemplateDir}js/hover/jquery.js" type="text/javascript"></script>
<script src="{$currentTemplateDir}js/hover/main.js" type="text/javascript"></script>

4. Wenn eine custom.css genutzt wird in diese, ansonsten in die page.css folgendes mit eintragen:

#screenshot{ position:absolute; border:1px solid #ddd; background:#fff; padding:3px; display:none; color:#fff; z-index: 150; }

Funktioniert dann auch in der Mosaikanzeige und der Galerieanzeige


Zu sehen hier....



---------------------------------------------------------------------------



Für die Boxen in der Mitte der Startseite kann es auch genutzt werden:
deinTemplate/tpl_inc/seite.startseite öffnen und als Beispiel bei Zeile 63 aus

<a href="{$Artikel->cURL}">

das hier machen

<a href="{$Artikel->cURL}" class="screenshot" rel="{$Artikel->Bilder[0]->cPfadNormal}">

dann hat man das auch auf der Startseite in den Sonderangeboten.

kann natürlich auch bei den anderen Boxen in der Mitte übernommen werden - TopAngebot - Bestseller - NeuImSortiment ..usw , die Änderung ist jedesmal

<a href="{$Artikel->cURL}">

auf

<a href="{$Artikel->cURL}" class="screenshot" rel="{$Artikel->Bilder[0]->cPfadNormal}">

Dank an IDR von dem der ursprüngliche Beitrag für den 2er Shop ist

 

[ag-websolutions.de]

AW: Bild per Mouseover in Produktauflistung vergrößern

ho ho ho ... und du hast mir eine englische Mail-Konversation mit dem Autor erspart

 

[Jolo]

AW: Bild per Mouseover in Produktauflistung vergrößern

Immer gerne