Admin:Produktbilder

Produktbilder - Verwaltung

Mit der Version 1.0.10 wurde das Handling der Produktbilder komplett überarbeitet.

• Freie Anzahl an Produktbildern, es gibt keine Beschränkung mehr nach oben.
• Aufbrechen der starren 3 Bildvarianten "Thumbnail", "Info" und "Popup". Nun sind beliebig viele Varianten möglich.
• Neue Möglichkeiten der Bildbearbeitung, die in Zukunft auch noch flexibel erweitert werden können.
• Verwendung von "Sprechenden URLs" auch für Bilder. Sehr gut für das Ranking in der Bildersuche!

Grundlagen

Die Bilder werden nun "on the fly" erzeugt. Wenn ein Bild in der angeforderten Variante nicht vorliegt, wird es erzeugt und gespeichert. Dadurch wird zwar der allererste Aufruf des Bildes verlangsamt, aber egal wieviele Bilder ein Shop auch hat, Timeouts wie beim alten Imageprocessing gehören der Vergangenheit an. Wird ein Bild für mehrere Produkte verwendet, wird es trotzdem nur einmal gespeichert.

Die Gestaltung der einzelnen Abzüge erfolgt durch einzelne Bildaktionen. Diese Aktionen wie z. B. Skalieren oder Hintergrund werden im Backend in beliebiger Reihenfolge zusammengeklickt.

Muss die "Definition" einer Variante einmal geändert werden, so könnt Ihr einfach den entsprechenden Bildercache per Button leeren und die Bilder werden beim nächsten Aufruf neu generiert.

Definieren von Bildvarianten

Im Backend des Shop können beliebig viele Varianten (Abzüge) definiert werden. Unter Artikelkatalog : Bilder sieht man die derzeit existierenden Abzüge. Mit "<Neue Voreinstellung anlegen>" werdet Ihr aufgefordert, einen Namen und einen Code anzugeben. Der Name dient zur Identifizierung im Backend, der Code wird dann im Template verwendet.

Nach dem Speichern erscheint eine Kombobox mit der Liste der möglichen Bildaktionen:

• Schärfen
• Skalieren
• Runde Ecken
• Hintergrund
• Bild-Typ
• Wasserzeichen
• Text

Angenommen, ich möchte Bilder mit einer Größe von 300 x 300 Pixeln. Wenn die Originalbilder nicht quadratisch sind, sollten sie einen weißen Hintergrund bekommen. Dann geht man wie folgt vor:

Die Aktionen werden immer "nacheinander" auf das Originalbild angewendet.

Also starte ich mit "Skalieren" (und "neue Aktion hinzufügen"). Als Breite und Höhe gebe ich 300 ein. => Speichern

Dann "Hintergrund" (und "neue Aktion hinzufügen"). Die Farbe wird FFFFFF (weiß) und als Höhe und Breite wieder 300. => Speichern

Zum Schluß "Schärfen" (und "neue Aktion hinzufügen"). Die Defaultparameter Wert 80, Radius 0.5 und Schwellwert 3 sind ganz brauchbar.

Fertig! Eine neuer Abzug (Bildvariante) steht zur Verfügung. Wie Ihr die Bilder nun im Template schaut Ihr bitte im Webs - Template und in der Smarty - Funktion {img} an.