Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik ..

[deesignMedia]

Hallo

Ich habe in einem JTL Shop einen schönen Hover effekt gesehn.
Wenn man mit der Maus über das Produktbild ines artikels in der Listen / Gallerie / Mosaikansicht fährt, so zeigt dies nicht ein vergrössertes vorschaubild im extra fenster an, sonder das bild verändert sich, zum beispiel auf eine Rückansicht des ausgewählten artikels.

Wie lässt sich das realisieren, dass das zweite hinterlegte Artikelbild angezeigt wird?

Grüße und schon mal vielen Dank für Hilfe!

 

[MSBachl]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

Hallo liebe Community,

ich habe vor ca 1 1/2 Wochen eine ähnliche Frage gestellt (http://forum.jtl-software.de/templa...4-mehrere-vorschaubilder-suche_liste-tpl.html), jedoch leider noch keine Antwort erhalten...
Somit schliesse ich mich der Frage meines Vorredners an.
Beispiel für den Fall meines Vorredners: http://jtlshop.ilayouts.de/TV-Entertaiment
Kann hier jemand helfen?

 

[3po]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

steht doch alles im quelltext deines beispiellinks drinn? mouseover und mouseout verwenden!

 

[MSBachl]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

Die Frage ist (zumindest für mich) vielmehr, woher ich die URL für das zweite und bestenfalls dritte Bild bekomme. In meinem ursprünglichen Post habe ich meine Problematik etwas detailierter geschildert. Ich finde partout die richtigen Platzhalter nicht. Beim Ausgeben der "Bilder"-Arrays kommt nix zurück...

 

[ReneP]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

Hallo,

wenn Ihr immer das 2 Bild dort sehen wollt dann muss in der suche_list.tpl ca Zeile 39 das:
<a href="{$Artikel->cURL}" {if $Einstellungen.template.articleoverview.article_image_preview == 'Y'}class="image_preview"{/if} ref="{$Artikel->Bilder[0]->cPfadNormal}">

durch das:
<a href="{$Artikel->cURL}" {if $Einstellungen.template.articleoverview.article_image_preview == 'Y'}class="image_preview"{/if} ref="{$Artikel->Bilder[1]->cPfadNormal}">

ersetzt werden. Achtung solltet Ihr nur ein Bild haben passiert gar nix wenn Ihr mit der Maus drüber fahrt.

 

[MSBachl]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

Danke ReneP,

in meinem Fall hilft mir das jedoch nicht wirklich weiter, leider. Ich bräuchte tatsächlich eine foreach-Schleife, die mir alle Bilder ausgibt, die verfügbar sind. Die Bilder einzeln anzusprechen macht für mich leider nicht allzu viel sinn:

                           <a href="{$Artikel->cURL}" title="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}">
                                <div class="slider">
                                    {if $Artikel->Bilder|@count > 1}
                                        {foreach name=article_image from=$Artikel->Bilder item=oBild}
                                            <span class="slides">
                                                <img src="{$oBild->cPfadklein}" alt="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}" class="image 2slide" id="overlay{$Artikel->kArtikel}_{$imgcounter}" />
                                            </span>
                                        {/foreach}
                                    {else}
                                        <span class="slides">
                                            <img src="/templates/Machart_Sugos/themes/Machart_Sugos/img/nopic.png" alt="{$Artikel->cName|strip_tags|escape:"quotes"|truncate:60}" class="image 1slide" id="overlay{$Artikel->kArtikel}_{$imgcounter}" />
                                        </span>
                                    {/if}
                                </div>
                            </a>

bei meinem obigen Code habe ich das Problem, dass das Bilder-Array entweder leer ist oder ich es total falsch anspreche...

 

[casim]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

was soll denn die foreach-schleife bewirken?

beschreibe mal exakt welchen effekt du erzielen willst.

Der Standard ist ja bisher:
Mit mouseover wird das 1. Artikelbild in Normalgröße dragestellt. Mit der korrekten Anpassung von ReneP dann analog dazu das 2. Artikelbild (mit einer if-Abfrage können man noch ein Fallback auf das 1. Artikelbild vorsehen, wenn der Artikel gar kein 2. Artikelbild hat, aber das nur am rande)
Ich evrstehe nicht, was du jetzt mit einer foreach bezwecken willst

 

[ReneP]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

@casim er möchte das die Bilder aller z.b.: 2Sekunden wechseln sodas alle hinterlegte Bilder des Artikels nach ein ander angezeigt werden

 

[MSBachl]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

so in etwa. Gewünscht ist ein Artikelbildslider auf der Kategorieseite, so dass alle Bilder in der Artikelvorschau durchklickbar sind.

 

[MSBachl]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

Also, ich habe den Fehler nun gefunden. ansich war alle komplett richtig, allerdings war ein mini-Schreibfehler drin:

Falsch: {$oBild->cPfadklein}
Richtig: {$oBild->cPfadKlein}

 

[casim]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

hast du dir denn mal in der foreach das oBild-Object mit print_r ausgeben lassen.

Imho sollte mind hier ein fehler drin stecken

cPfadklein

und das K von "klein" müsste groß geschrieben werden

 

[LeoStore]

AW: Anzeige des zweiten hinterlegten Produktbildes bei Mouseover in Galerie / Mosaik

was soll denn die foreach-schleife bewirken?

beschreibe mal exakt welchen effekt du erzielen willst.

Der Standard ist ja bisher:
Mit mouseover wird das 1. Artikelbild in Normalgröße dragestellt. Mit der korrekten Anpassung von ReneP dann analog dazu das 2. Artikelbild (mit einer if-Abfrage können man noch ein Fallback auf das 1. Artikelbild vorsehen, wenn der Artikel gar kein 2. Artikelbild hat, aber das nur am rande)
Ich evrstehe nicht, was du jetzt mit einer foreach bezwecken willst

Könntest du mir sagen, wie das geht?
Das wäre perfekt!