Konfiguratordesign verändern, Bildvorschau direkt einblenden

[csaeum]

Moing Kollegen ich hätte da mal gerne ein kleines Problem
Ich möchte den Konfigurator mal umarbeiten, bei den Varianten habe ich die Stelle schnell gefunden aber beim Konfigurator tue ich mich härter.

Ich möchte das Bild das beim Konfigurator beim überfahren der Zeile erscheint gerne so wie im einen Bild als Vorschau schon haben. Beim Variationen Template habe ich die Variable für das Bild gefunden, aber hier wird ja viel per JS gemacht und das ist nicht so mein Fachgebiet.

So sollte es mal aussehen.


So sieht es ja Standard mäßig aus:


Wer kann mir dazu einen Tipp geben?

 

[csaeum]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Im Artikeltemplate bei den Variationen habe ich so zu den Variantenwerten die Bilder bekommen:

<img src="{$Variationswert->cBildPfad}" alt="{$Variationswert->cName}" title="{$Variationswert->cName}" /><br />

Im Konfigurator scheint vieles per JS zu gehen, aber auch dort müssen die Werte ja vorhanden sein!

 

[martinwolf]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Die Datei die Du bearbeiten müsstest, wäre artikel_konfigurator_custom.tpl.

 

[csaeum]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Danke Martin, das weiß ich, mir geht es aber darum wie bekomme ich das hin. Kann ich auf eine Smartyvariable zugreifen die den Pfad des Bildes inne hat und die ich nur in einer Schleife durcharbeiten mus, oder muss ich mir das selbst was stricken?

 

[martinwolf]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

So wie ich das verstehe böntigst du das Bild der einzelnen Konfigurationsoptionen. Ungetestet:

<img src="{$oItem->getArtikel()->Bilder[0]->cPfadKlein}" />

 

[csaeum]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Nee sowas ähnliches hatte ich auch schon. Nun läuft das JS ins unendliche.

Aber erstmal danke.

 

[recreation]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Falls noch gebraucht, ich bastel grade ebenfalls am Konfigurator:

<img src="{$oGruppe->getBildPfad()}" alt="{$oSprache->getName()}" id="img{$oGruppe->getKonfiggruppe()}" />

 

[csaeum]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Wir kommen den ganzen schon näher.

Leider sieht es nur bei mir so aus:

<img id="img17 TT" alt="lackiert Außenkorpus testX" src="/bilder/konfigurator/klein/17.jpg">

Er müsste net auf /bilder/konfigurator/klein/17.jpg verweisen sondern eher auf das Bild " was er mir auch beim Hoover per JS bringt"
Dann hätte ich das was ich möchte. Diese Bilder unter /bilder/konfigurator/klein/17.jpg sind bei mir alle nur "leer"

 

[recreation]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Hmm, ziemlich seltsam. Habs mir grad nochmal angeschaut.
Der Teil gibt das Bild aus:

...
<a href="{$oGruppe->getBildPfad()}">
<img src="{$oGruppe->getBildPfad()}" alt="{$oSprache->getName()}" id="img{$oGruppe->getKonfiggruppe()}" />
</a>
...

Wobei der Link auf /bilder/konfigurator/klein/... weiterleitet, das Bild wiederum das angezeigt wird kommt aus /bilder/produkte/normal/...
Ist mir grad zu hoch

 

[csaeum]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Kann da vielleicht uns nochmal einer einen Denkanstoss geben?

 

[AndreVermeulen]

AW: Konfiguratordesign verändern, Bildvorschau direkt einblenden

Es sollte mit dem folgenden Ausschnitt funktionieren:

{assign var="tmpItemPic" value=$oItem->getBildPfad()}
{if $tmpItemPic != null}
    <img src="{$tmpItemPic->cPfadKlein}" alt="{$oSprache->getName()}" />
{/if}