Admin:Produktbilder - Versionsgeschichte

Yogi: /* image_description */

2011-02-12T22:15:20Z

image_description

← Nächstältere Version		Version vom 12. Februar 2011, 22:15 Uhr
Zeile 76:		Zeile 76:
	Neben dem verlinkten Bild (img_id) wird die Sortierung der Bilder über diese Tabelle festgelegt (sort_order), die kleinste Nummer ist hierbei das erste Produktbild.		Neben dem verlinkten Bild (img_id) wird die Sortierung der Bilder über diese Tabelle festgelegt (sort_order), die kleinste Nummer ist hierbei das erste Produktbild.

	==~~image_description~~==		==image_product_description==
	Hier wird das Bild mit dem Produkt und der Sprache verknüpft. ~~Derzeit~~ wird ~~die Verküpfung~~ über die Spalten		Hier wird das Bild mit dem Produkt und der Sprache verknüpft. Die Verküpfung wird hierbei über die Spalten
	* ~~img_img_id~~ (~~image~~.~~img_id)~~		* img_prd_id (image_product.img_prd_id)
	* img_prd_id ~~(products.products_id~~)
	* img_lng_id (languages.language_id)		* img_lng_id (languages.language_id)
	hergestellt~~, was evtl. noch modifiziert wird da es zu Inkonsistenzen führen kann, da hier ein kombination eingetragen werden könnte für die es keinen entsprechenden Eintrag in der product_image Tabelle gibt~~. Jedem Bild kann über diese Tabelle eine andere Beschreibung gegeben werden. Die Beschreibung besteht hierbei aus		hergestellt.
			Jedem Bild kann über diese Tabelle eine andere Beschreibung gegeben werden. Die Beschreibung besteht hierbei aus
	* ALT		* ALT
	* TITLE		* TITLE
	* DESCRIPTION		* DESCRIPTION

Yogi: /* product_image */

2011-02-12T22:13:21Z

product_image

← Nächstältere Version		Version vom 12. Februar 2011, 22:13 Uhr
Zeile 72:		Zeile 72:
	Das Bild bekommt beim speichern eine img_id, ebenfalls wird der Bildtyp (jpg, gif oder png) in dieser Tabelle gespeichert.		Das Bild bekommt beim speichern eine img_id, ebenfalls wird der Bildtyp (jpg, gif oder png) in dieser Tabelle gespeichert.

	==~~product_image~~==		==image_product==
	Über diese Tabelle wird das Bild den Produkten zugewiesen. Ein Bild kann somit mehreren Produkten zugeordnet werden. Versucht man ein Bild mehrfach einem Produkt zuzuweisen so wird dieses vom Backend abgefangen.		Über diese Tabelle wird das Bild den Produkten zugewiesen. Ein Bild kann somit mehreren Produkten zugeordnet werden. Versucht man ein Bild mehrfach einem Produkt zuzuweisen so wird dieses vom Backend abgefangen.
	Neben dem verlinkten Bild (~~pi_img_id~~) wird die Sortierung der Bilder über diese Tabelle ~~Festgelegt~~ (~~pi_sort_order~~), die kleinste Nummer ist hierbei das erste Produktbild.		Neben dem verlinkten Bild (img_id) wird die Sortierung der Bilder über diese Tabelle festgelegt (sort_order), die kleinste Nummer ist hierbei das erste Produktbild.

	==image_description==		==image_description==

Yogi: /* DB Tabellen */

2011-02-08T22:37:42Z

DB Tabellen

← Nächstältere Version		Version vom 8. Februar 2011, 22:37 Uhr
Zeile 62:		Zeile 62:
	===Text===		===Text===
	Es ist auch möglich einen Text in die Bilder einzublenden. Ihr könnt die Position, die Schriftgröße und -Farbe, einen Winkel und eine Schriftart angeben. Die gewünschten Schriften (TrueType oder OpenType) legt Ihr dazu im Ordner /img/fonts/ ab.		Es ist auch möglich einen Text in die Bilder einzublenden. Ihr könnt die Position, die Schriftgröße und -Farbe, einen Winkel und eine Schriftart angeben. Die gewünschten Schriften (TrueType oder OpenType) legt Ihr dazu im Ordner /img/fonts/ ab.

			=DB Tabellen=
			Mit der Einführung der neuen Bilderverwaltung wurde auch das Speicherkonzept der Bilder in der DB geändert. Bis zur V1.0.9a wurde das erste Produktbild in der Spalte products.products_images (Tabelle.Spalte) gespeichert. Alle weiteren Produktbilder wurde in der Tabelle products_images abgelegt.

			Ab der V1.0.10 werden die Produktbilder über die folgenden Tabellen in der DB gespeichert. Wenn über externe Komponenten (Wawis, Daten Im-/Exporte) auf die Produktbilder zugegriffen wird muss die entsprechende Schnittstelle angepasst werden.

			==image==
			Diese Tabelle speichert das eigentliche Bild, wobei der Dateiename des Bildes der md5 Summe der Bildinformation entspricht. Unter diesem Namen wird das Bild im Verzeichnis img/originals/??/ gespeichert. Das letzte Verzeichnis entspricht den ersten zwei Zeichen der md5-Summe des Bildes.
			Das Bild bekommt beim speichern eine img_id, ebenfalls wird der Bildtyp (jpg, gif oder png) in dieser Tabelle gespeichert.

			==product_image==
			Über diese Tabelle wird das Bild den Produkten zugewiesen. Ein Bild kann somit mehreren Produkten zugeordnet werden. Versucht man ein Bild mehrfach einem Produkt zuzuweisen so wird dieses vom Backend abgefangen.
			Neben dem verlinkten Bild (pi_img_id) wird die Sortierung der Bilder über diese Tabelle Festgelegt (pi_sort_order), die kleinste Nummer ist hierbei das erste Produktbild.

			==image_description==
			Hier wird das Bild mit dem Produkt und der Sprache verknüpft. Derzeit wird die Verküpfung über die Spalten
			* img_img_id (image.img_id)
			* img_prd_id (products.products_id)
			* img_lng_id (languages.language_id)
			hergestellt, was evtl. noch modifiziert wird da es zu Inkonsistenzen führen kann, da hier ein kombination eingetragen werden könnte für die es keinen entsprechenden Eintrag in der product_image Tabelle gibt. Jedem Bild kann über diese Tabelle eine andere Beschreibung gegeben werden. Die Beschreibung besteht hierbei aus
			* ALT
			* TITLE
			* DESCRIPTION

Xantiva: /* Umstieg von einer vorherigen Version */

2011-02-08T01:04:17Z

Umstieg von einer vorherigen Version

← Nächstältere Version		Version vom 8. Februar 2011, 01:04 Uhr
Zeile 12:		Zeile 12:

	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.		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.

			==Umstieg von einer vorherigen Version==
			Der Update - Prozess auf die v1.0.10 sorgt dafür, dass alle "originalen Produktbilder" entsprechend an den neuen Ort kopiert werden.

	==Definieren von Bildvarianten==		==Definieren von Bildvarianten==

Xantiva: /* Skalieren */

2011-02-08T01:01:59Z

Skalieren

← Nächstältere Version		Version vom 8. Februar 2011, 01:01 Uhr
Zeile 40:		Zeile 40:
	Hier werden die einzelnen Bildaktionen näher beschrieben.		Hier werden die einzelnen Bildaktionen näher beschrieben.
	===Skalieren===		===Skalieren===
	Mit der Bildaktion Skalieren wird ein Bild - unter Beibehaltung des Seitenverhältnisses - verkleinert oder vergrößert. Um ein verpixeln durch das ~~hochskalieren~~ von kleineren Bildern zu ~~Vermeiden~~, kann das Hochskalieren explizit unterbunden werden.		Mit der Bildaktion Skalieren wird ein Bild - unter Beibehaltung des Seitenverhältnisses - verkleinert oder vergrößert. Um ein verpixeln durch das Hochskalieren von kleineren Bildern zu vermeiden, kann das Hochskalieren explizit unterbunden werden.

	===Hintergrund===		===Hintergrund===

Xantiva: /* Bildaktionen */

2011-02-05T20:58:40Z

Bildaktionen

← Nächstältere Version		Version vom 5. Februar 2011, 20:58 Uhr
Zeile 38:		Zeile 38:

	==Bildaktionen==		==Bildaktionen==
	~~===Schärfen===~~		Hier werden die einzelnen Bildaktionen näher beschrieben.
	===Skalieren===		===Skalieren===
			Mit der Bildaktion Skalieren wird ein Bild - unter Beibehaltung des Seitenverhältnisses - verkleinert oder vergrößert. Um ein verpixeln durch das hochskalieren von kleineren Bildern zu Vermeiden, kann das Hochskalieren explizit unterbunden werden.

			===Hintergrund===
			Erstellt einen farbigen Hintergrund, in dem das Bild mittig platziert wird. Es wird die Farbe und Größe des Hintergrundes angebenen.

	===Runde Ecken===		===Runde Ecken===
	===~~Hintergrund~~===		Hiermit können dem Bild runde Ecken verliehen werden. Entweder definiert Ihr einen Radius, der für alle vier Ecken verwendet wird, oder Ihr habt auch die Option unterschiedliche Radien zu definieren. Die Ecken werden in der Hintergrundfarbe eingefärbt.

			===Schärfen===
			Ein verkleinertes Bild sollte immer nachgeschärft werden. Wir verwenden dafür den [http://vikjavev.no/computing/ump.php?id=275 Algorithmus von vikjavev.no]. Mit den Defaultparameter sollten sich schon recht gut Ergebnisse erzielen lassen.

	===Bild-Typ===		===Bild-Typ===
			Mit der Aktion Bild-Typ könnt Ihr aus allen Bildern z. B. explizit JPEG - Grafiken machen lassen. Auch der Kompressionsgrad der Bilder (JPG und PNG) kann eingestellt werden.

	===Wasserzeichen===		===Wasserzeichen===
			Ermöglicht das Einblenden von Grafiken als "Wasserzeichen" in den Bildern. Entweder wählt Ihr eine fixe Position, oder definiert eine beliebige Position. Die Bilddatei könnt Ihr dort ebenfalls hochladen.

	===Text===		===Text===
			Es ist auch möglich einen Text in die Bilder einzublenden. Ihr könnt die Position, die Schriftgröße und -Farbe, einen Winkel und eine Schriftart angeben. Die gewünschten Schriften (TrueType oder OpenType) legt Ihr dazu im Ordner /img/fonts/ ab.

Xantiva: /* Bildaktionen */

2011-02-05T20:28:17Z

Bildaktionen

← Nächstältere Version		Version vom 5. Februar 2011, 20:28 Uhr
Zeile 38:		Zeile 38:

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

Xantiva: + Bildaktionen

2011-02-05T20:26:55Z

+ Bildaktionen

← Nächstältere Version		Version vom 5. Februar 2011, 20:26 Uhr
Zeile 36:		Zeile 36:

	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.		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.

			==Bildaktionen==

Xantiva: /* Grundlagen */

2011-02-05T20:24:35Z

Grundlagen

← Nächstältere Version		Version vom 5. Februar 2011, 20:24 Uhr
Zeile 7:		Zeile 7:

	==Grundlagen==		==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==		==Definieren von Bildvarianten==

Xantiva: /* Definieren von Bildvarianten */

2011-02-05T20:14:32Z

Definieren von Bildvarianten

← Nächstältere Version		Version vom 5. Februar 2011, 20:14 Uhr
Zeile 30:		Zeile 30:
	Zum Schluß "Schärfen" (und "neue Aktion hinzufügen"). Die Defaultparameter Wert 80, Radius 0.5 und Schwellwert 3 sind ganz brauchbar.		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. ~~(Für~~ die ~~Einbindung~~ im Template schaut Ihr ~~Euch~~ bitte ~~das~~ Webs - Template an und ~~die~~ Smarty - Funktion {img}.		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.