ANLEITUNG: Mit Smarty Bildgrößen auf Produktseiten auslesen

[Modulfux]

Wer ein wenig mit Google Pagespeed herumspielt, bekommt gerade bei Shopsystem die Meldung "Specify Image Dimensions". Also Google meckert und möchte die Bildmaße beim <img> drin stehen haben. Bei statischen Seiten eigentlich ganze einfach, in dem man <img src=".." width="xx" height="yy" reinschreibt. Bei dynamischen Quellcode, wie im Shopsystem wird es schon schwieriger, aber da hilf uns Smarty.

Folgende Grundfunktion nehme ich als Basis:

Code: PHP  [Auswählen]

{assign var="info" value=$bild_datei|getimagesize}
{$info.3}

Was machen diese beiden Zeilen? Die erste Zeile deklariert die Variable "info" und benutzt anhand einer Bilddatei die Funktion getimagesize, die man aus PHP kennt. getimagesize liefert ein Array zurück und durch das Zeigen auf {$info.3} wird auch gleich

Code: PHP  [Auswählen]

width="xx" height="yy"

ausgegeben.

Als praktisches Beispiel in der product_info_tabs_v1.html sähe das so aus:
Suche:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE!=''}

Füge danach ein:

Code: PHP  [Auswählen]

{assign var="info" value=$PRODUCTS_IMAGE|getimagesize}

Somit ist der Bilddatei die Funktion getimagesize zugewiesen. Nun noch eben die Parameter ausgeben lassen und schon ist alles fertig.

Suche:

Code: PHP  [Auswählen]

<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />

Ersetze mit:

Code: PHP  [Auswählen]

<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" {$info.3} />

Das ganze funktioniert auch analog mit dem Abschnitt "more_pics" und auf den anderen Seiten mit Produktbildern.

Vielleicht kann man es ja gebrauchen.

Gruß
Ronny

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

[GTB]

  DANKE !

könnte man doch auch global in der /includes/classes/product.php machen

und dann so ausgeben lassen:

Code: PHP  [Auswählen]

<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" {$PRODUCTS_IMAGE_SIZE} />

[Modulfux]

Das von mir war jetzt nur eben schnell die Variante im Template, damit sie beim Shopupdate vorhanden bleibt. Vielleicht kann man die Funktion komplett in den Shopcore übernehmen, was natürlich sinnvoller wäre.

Gruß
Ronny

[GTB]

ich finde das KLASSE!

@Torsten
bitte auf die Roadmap setzen.

[Modulfux]

Bekomme ich jetzt ein Bienchen? *gg*

[GTB]

Jepp, einen Punkt für Reputation.

[Tomcraft]

ich finde das KLASSE!

@Torsten
bitte auf die Roadmap setzen.

Für 1.06 oder auf die allgemeine Roadmap?

Grüße

Torsten

[GTB]

mach's mal auf die allgemeine und wenn wir Zeit finden wird's kommen.

[Tomcraft]

Okay, erledigt!

Grüße

Torsten

[h-h-h]

suche:

Code: PHP  [Auswählen]

<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />

ersetze mit:

Code: PHP  [Auswählen]

{html_image file="$PRODUCTS_IMAGE" alt="$PRODUCTS_NAME" class="productimage"}

Eine Veränderung und das gleiche Ergebnis.

[PeterPans]

Hey,

wow ^^ Smarty sei dank.. hatte das auch recht umständlich gelößt..

Beste Grüße

[Modulfux]

@ h-h-h
Geniale Lösung und auch um einiges einfacher als meine Variante.

Gruß
Ronny

[Tomcraft]

Oh... schick! Die Smarty-Funktion "html_image" kannte ich bisher auch noch nicht, bzw. habe sie noch nie eingesetzt.

Grüße

Torsten

[Modulfux]

Hab's eben mal getestet, in der product_listing.html funktioniert es nicht.

Gruß
Ronny

[h-h-h]

Ja, das stimmt Ronny.

Das liegt am Punkt in der Variable.

Es kann so wie bei Dir oben mit einem Assign behoben werden ist aber nicht wirklich schön.

Code: PHP  [Auswählen]

{assign var=picture value=$module_data.PRODUCTS_IMAGE}

Code: PHP  [Auswählen]

{html_image file="$picture" alt="$module_data.PRODUCTS_NAME" class="productImageBorder"}

Wenn aber jemand eine Idee hat wie man den Punkt entfernt dann kann man dazu auch noch den Link in der Product_Listing mit einbauen. zB.

Code: PHP  [Auswählen]

{html_image file="$picture" alt="$module_data.PRODUCTS_NAME" class="productImageBorder" href="$linkurl"}

Ein weiterer Vorteil dieser Methode ist das bei nicht vorhandenem Bild kein leeres <img Code-Fragment angezeigt wird und man keine if Abfrage vorher stellen muss.

Das mit dem Link um das Bild herum ist aber in der product_info wegen dem title Tags des Links nicht möglich.

Gruß h-h-h