zweites Artikelbild in product_listing_v1.html ??

[Kawabiker]

Hallo.
Ist es möglich das zweite Artikelbild in der "product_listing_v1.html" mit anzeigen zu lassen?
In welcher Datei wird denn das {$module_data.PRODUCTS_IMAGE} bestimmt?
Da könnte man doch auch ein {$module_data.PRODUCTS_IMAGE_1} anlegen? :

Beim "alten" xt:Commerce gingen die Aufrufe {$PRODUCTS_IMAGE_1} beispielsweise in der "product_info_v1.html" noch - im modified eCommerce Shopsoftware nicht mehr...

Gruß

Linkback: https://www.modified-shop.org/forum/index.php?topic=15376.0

[h-h-h]

Code: XML  [Auswählen]

{$module_data.PRODUCTS_IMAGE|replace:'_0':'_1'}

Gruß

h-h-h

[Kawabiker]

Danke.
Hab inzwischen (über die Google-Suche  ) die Anleitung von franky_n gefunden: ANLEITUNG: Zusätzliche Artikelbilder in Listingansicht (product_licting_v1.html)

Dabei hab ich allerdings die erste Anleitung für nur zwei Bilder verwendet.
Dann hab ich noch einen kleiner Hovereffekt mit onmouseover=zweites Bild verbaut.
Funktioniert prima. 

[armandogarcia]

Und wie genau hast Du das gemacht, ne Anleitung wäre super. Ist es etwa so dass als erstes das Hauptbild angezeigt wird und wenn man mit der Maus über das Bild fährt das zweite Bild anstelle des ersten angezeigt wird?

LG

Armando

[Kawabiker]

Du brauchst nur eine Datei zu ändern 

Ändere die product_listing_v1.html wie folgt:

Suche

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" />

ändere in

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}" onMouseOver="button01.src=bild1.src" onMouseOut="button01.src=bild2.src" ><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" name="button01" />

füge am Ende der Datei ein:

Code: PHP  [Auswählen]

<script type="text/javascript" language="JavaScript">
bild1 = new Image;
bild1.src = "{$module_data.PRODUCTS_IMAGE|replace:'_0':'_1'}";
bild2 = new Image;
bild2.src = "{$module_data.PRODUCTS_IMAGE}";
</script>

Damit es auch sauber funktioniert müssen in jedem Artikel auch zwei gleich große Bilder vorhanden sein!
Da der Beitrag schon etwas älter ist hab ich es gerade nochmal in der Version SP1d getestet - läuft...

Gruß aus Bayern

[Kawabiker]

NACHTRAG. Es geht auch ohne javascript...

Code: PHP  [Auswählen]

<a href="{$module_data.PRODUCTS_LINK}" onmouseover="document.artikelbild.src='{$module_data.PRODUCTS_IMAGE|replace:'_0':'_1'}';" onmouseout="document.artikelbild.src='{$module_data.PRODUCTS_IMAGE}';"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" name="artikelbild" class="productImageBorder" /></a>

getestet in FF, IE und Chrome