Größe der Bilder im Template definieren

[MKJ]

Die Ansicht der Produktgruppe(n) ist meiner Meinung nach noch immer die große Schwäche im Frontend. Ich bin jetzt dazu übergegangen, für die Übersicht Produkttemplates zu verwenden, die eine Bestellung ermöglichen, dabei aber sehr kompakt sind (kleines Vorschaubild, Link zur Artikelbeschreibung, also kaum Text). Das Problem dabei: Die Größe des Vorschaubildes wird zentral im Backend geregelt. In meinem Fall wäre es aber wichtig, dass die Einzelansicht des Produktes (im Produktartikel) eine größere Vorschau bekommt. Für die Produktgruppe(n) lässt sich das sehr schön in den Templates einstellen. In der standard.phtml sorgt dieser Abschnitt für die Ausgabe der Bilder:

Code: Alles auswählen

<?php echo $this->callMod('wpsg_mod_produktbilder', 'genBild', array($this->view['data']['id'], $i, $this->get_option('wpsg_mod_produktbilder_width'), $this->get_option('wpsg_mod_produktbilder_height'), $this->get_option('wpsg_mod_produktbilder_mode'), 'pimage')); ?>

Das ist natürlich eine schöne Lösung, weil die Bilder bereits im richtigen Format vorliegen. Ich fände aber auch eine Variante in Ordnung, bei der das Bild über die width und height Attribute skaliert wird. Könnt Ihr mir da auf die Sprünge helfen? Ich kann hier leider weder die alten 2er Templates verwenden, noch gehen die Templates für die Produktgruppe(n).

Danke und Gruß, Mike

[daschmi]

Hi Mike,

Die Ausgabe von Produkten kannst du in jedem Template wie folgt erreichen:

Code: Alles auswählen

<?php echo $this->renderProdukt($produkt_id, "standard.phtml"); 

Es wird dann das Produkt mit der ID $produkt_id und dem Template "standard.phtml" angezeigt.

Die Funktion für die Skallierung der Bilder kannst du wie folgt ansprechen:

URL:

Code: Alles auswählen

<?php echo $this->callMod('wpsg_mod_produktbilder', 'makeTn', array($produkt_id, $bildname, $width, $height, $mode); ?>

Kompletter <img Tag (Template /views/mods/mod_produktbilder/produktbild.phtml):

Code: Alles auswählen

<?php echo $this->callMod('wpsg_mod_produktbilder', 'genBild', array($produkt_id, $bildname, $width, $height, $mode); ?>

Einen Array mit allen Bildern eines Produktes erhälst du wie folgt:

Code: Alles auswählen

<?php $arBilder = $this->callMod('wpsg_mod_produktbilder', 'getProduktBilder', array($produkt_id)); ?>

Viel Erfolg

Daschmi

[MKJ]

Hallo Daschmi,

wunderbar! Genau, was ich wollte. Der Code sieht jetzt so aus:

Code: Alles auswählen

<div class="wpsg_produkt_preview wpsg_pb_pic">		
<?php
$width = 350;
$height = 350;
echo $this->callMod('wpsg_mod_produktbilder', 'genBild', array($this->view['data']['id'], $i, $width, $height, $this->get_option('wpsg_mod_produktbilder_mode'), 'pimage')); ?>
<span style="color:#777;">(Zum Vergrößern klicken)</span>	
</div>

Damit werden die zentralen Einstellungen überschrieben und man kann Templates mit beliebiger Größe der Vorschaubilder erstellen, die mit der Lightbox funktionieren. Konkret sieht das etwa so aus:

(Produktgruppenansicht)

(Einzelansicht)

Gruß, Mike