Auf Produktseite XSelling-Bilder groß anzeigen

[Johnny990]

Hallo zusammen

haben mal ne kurze Frage:

Wie regeln wir es am besten auf der Produktseite die Bilder (NUR) für das Crossselling nicht skaliert anzuzeigen?
Es ist ja so, dass für deren Auslieferung die Datei "artikel_inc_liste.tpl" verwantortlich ist. Diese Datei ist jedoch auch verantwortlich für die Auslieferung der "Ähnlichen Artikel" oder "Kunden die X kauften, kauften auch Y".
Bei letzteren erwähnten würden wir jedoch die kleinen Bilder so belassen wollen.

Für die Anzeige des Bildes ist ja der Code verantwortlich:

<img src="{$oArtikel->Bilder[0]->cPfadKlein}" class="image" height="60" alt="{$oArtikel->Bilder[0]->cAltAttribut|escape:"html"}" />

hier wurde ein Wert für die Höhe von 60 eingestellt. Dies würden wir also gerne bei den Crossselling Artikel nicht haben (die Artikel sollen also nicht skaliert werden), bei den anderen jedoch schon.

Kann uns jemand hier helfen wie wir das programmatisch umgehen?

LG

 

[domaxa.de]

AW: Auf Produktseite XSelling-Bilder groß anzeigen

Hallo,

Crossselinggruppen welche du in der WAWI anlegst haben eine eigene Classe

<div class="container article_xselling">

diese classe kannst du dir in deiner CSS zu nutze machen z.b.:

.container.article_xselling ul li div a img {
    height:120px;
}

jetzt nurnoch den wert der höhe anpassen und schon haben deine Bilder eine andere Größe.

 

[martinwolf]

AW: Auf Produktseite XSelling-Bilder groß anzeigen

Hallo,

Crossselinggruppen welche du in der WAWI anlegst haben eine eigene Classe

<div class="container article_xselling">

diese classe kannst du dir in deiner CSS zu nutze machen z.b.:

.container.article_xselling ul li div a img {
    height:120px;
}

jetzt nurnoch den wert der höhe anpassen und schon haben deine Bilder eine andere Größe.

Das funktioniert aber nur sauber, wenn die Kleinen Bilder, wie in deinem Beispiel die 120 Pixel auch breit sind. Ansonsten werden Sie lediglich durch das CSS interpoliert, was am Ende unscharf aussieht. Man müsste dann nämlich entweder die kleinen Bilder im Shop Admin in den Dimensionen anpassen, oder, sofern das ggf. Auswikrungen auf andere Bereiche haben sollte, im Crossselling das Normale Bild anzeigen lassen: {$oArtikel->Bilder[0]->cPfadNormal} und anschließend per CSS dann die exakte Größe setzen. Kleiner machen ist immer besser als aufblähen.

 

[Johnny990]

AW: Auf Produktseite XSelling-Bilder groß anzeigen

Gegenfrage: Könnte man das ganze nicht irgendwie mit ner if-Abfrage in der tpl datei so hinbekommen, dass nur bei X-Selling das height Attribut weggelassen wird???
so in der Art?

<img src="{$oArtikel->Bilder[0]->cPfadKlein}" class="image" [B]{if not Xselling}height="60"{/if}[/B] alt="{$oArtikel->Bilder[0]->cAltAttribut|escape:"html"}" />

Weiss wer wies lauten müsste?

 

[martinwolf]

AW: Auf Produktseite XSelling-Bilder groß anzeigen

Gegenfrage: Könnte man das ganze nicht irgendwie mit ner if-Abfrage in der tpl datei so hinbekommen, dass nur bei X-Selling das height Attribut weggelassen wird???
so in der Art?

<img src="{$oArtikel->Bilder[0]->cPfadKlein}" class="image" [B]{if not Xselling}height="60"{/if}[/B] alt="{$oArtikel->Bilder[0]->cAltAttribut|escape:"html"}" />

Weiss wer wies lauten müsste?

artikel_inc_custom.tpl

   {if $Xselling->Standard}
      <div class="container article_xselling">
      {foreach name=Xsell_gruppen from=$Xselling->Standard->XSellGruppen item=Gruppe}
         {if count($Gruppe->Artikel)>0}
            {include file="tpl_inc/artikel_inc_liste.tpl" headline=$Gruppe->Name oArtikel_arr=$Gruppe->Artikel cClass="article_list_of_items" [B][COLOR=#ff0000]ignoreHeight=true[/COLOR][/B]}
         {/if}
      {/foreach}
      </div>
   {/if}

artikel_inc_liste_custom.tpl

<span class="img"><img src="{$oArtikel->Bilder[0]->cPfadKlein}" class="image" [B][COLOR=#ff0000]{if !$ignoreHeight}[/COLOR][/B]height="60"[B][COLOR=#ff0000]{/if}[/COLOR][/B] alt="{$oArtikel->Bilder[0]->cAltAttribut|escape:"html"}" /></span>