Donnerstag, 8. Oktober 2009

Generische Preis-Templates

Wir haben vor einiger Zeit eine Lösung für generische Preis-Templates implementiert - nun ist diese in sämtliche 1&1 Hosting-Shops (DE, US, UK, FR und ES) eingebaut.

Dabei bestand die Idee im Wesentlichen darin, Preise bzw. Preisgrafiken nicht jedesmal "von Hand" in Photoshop zu erstellen, sondern bereits existierende Preisinformationen direkt in Preisgrafiken oder textuelle Elemente automatisiert einfließen zu lassen und diese mit standardisierten Hintergrundgrafiken und wiederverwendbarem, modularem CSS auf den Seiten zu platzieren.

Basis hierfür ist ein Preisgrafik-Generator, welcher in Form eines URLs den Preis und verschiedene layoutrelevante Parameter (Größe, Farbe, Währung etc.) übergeben bekommt, und als Ergebnis der Anfrage eine generierte Preisgrafik zurückliefert. Dieser URL kann dabei einfach als Quelle einer Grafik angegeben werden.

Die Logik eines Preis-Elements ist dabei in einem XSL-Template gekapselt. Dieses besteht aus HTML und darin eingebetteten Platzhaltern für generierte Preisgrafiken und textuelle Preise. Eine ähnliche Lösung hatten wir bereits für die modularen Countdowns gefunden.

Der Teufel steckt wie immer im Detail. Die oben verlinkten Länder haben allesamt diverse Eigenheiten. Punkt statt Komma, Währung vor statt hinter dem Preis, unterschiedliche Darstellungen von ganzzahligen Preisen, zusätzliche Angabe der enthaltenen Mehrwertsteuer und so weiter. Letztendlich haben diese Eigenheiten zu einer äußerst flexiblen Lösung und dem einen oder anderen grauen Haar bei den Entwicklern geführt :-)

Am Schluß noch eine kleine Aufwand-Rechnung für zukünftige Preisdarstellungen. Aufwand für die Grafik: gleich null. Aufwand für die Frontend-Entwicklung: minimal.

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)
Noch keine Kommentare

Kommentar schreiben


Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss um dieses Verfahren anzuwenden.
CAPTCHA

 
 

Blog abonnieren

RSS 2.0 Feed

Suche

Kalender

Zurück Februar '12 Vorwärts
Mo Di Mi Do Fr Sa So
    1 2 3 4
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        

Verwaltung des Blogs

Blogroll

Projects/Web

vCard

  • Nico Steiner
  • www.nicosteiner.de
  • Karlsruhe/Germany
  • Senior Frontend-Developer at 1&1