Zum Hauptinhalt springen
Der IBAN-Konverter legt sich als Ebene über das Formular, in dem der Käufer seine Bankverbindung eingibt, und errechnet die IBAN aus Kontonummer und Bankleitzahl. Diese Seite enthält die Stilvorlage für diese Ebene und erklärt die Aufklappfunktion für die Zusatzfelder. Wie Sie den Konverter einbinden, welche Klassen das Werkzeug im Markup erwartet und welche Einstellungen es kennt, steht auf der Anleitungsseite zur Lastschrift. Wegweiser: Lastschrift, IBAN-Konverter für die Bankdaten-Eingabe

Die Stilvorlage

Übernehmen Sie diese Anweisungen in das Stylesheet Ihres Shops. Sie bestimmen das Aussehen der Ebene und der Felder darin.
Die Ebene hat eine feste Breite von 715 und eine feste Höhe von 420 Pixeln. Auf schmalen Bildschirmen ragt sie über den Rand hinaus, und bei einem Land mit vielen Zusatzfeldern reicht die Höhe nicht. Ersetzen Sie beide Werte durch max-width beziehungsweise lassen Sie die Höhe weg, bevor Sie die Vorlage übernehmen.

Welche Klassen hier gestaltet werden

Die Namen sind die Vorgaben des Werkzeugs. Jeder davon lässt sich über einen Parameter umbenennen, dann muss auch das Stylesheet mitziehen. Die Liste der Parameter steht auf der Anleitungsseite.
Die Vorlage gestaltet zusätzlich column_left, column_right, subheadline und clear_both. Diese vier Klassen gehören nicht zum Werkzeug, sondern zu dem Beispiel-Markup, für das die Vorlage einmal geschrieben wurde: eine zweispaltige Ebene mit Zwischenüberschriften.Das Markup auf der Anleitungsseite ist einspaltig und kommt ohne sie aus. Wenn Sie es so übernehmen, bleiben diese vier Regeln wirkungslos.
Für die drei Bereiche ibanStep1, ibanStep2 und ibanStep3 sowie für ibanCountry und ibanResult enthält die Vorlage keine Regeln. Ein- und ausgeblendet werden die Bereiche vom Werkzeug selbst. Wenn Sie ihnen Abstände oder Rahmen geben wollen, ergänzen Sie die Regeln.

Die Aufklappfunktion

Für Länder mit vielen Zusatzfeldern lassen sich die Erklärungen zu den einzelnen Feldern auf- und zuklappen. Dafür wird eine JavaScript-Datei unter dem Namen jquery.accordion.js mitgeliefert. Dabei handelt es sich um das jQuery-Plugin Accordion 1.6 von Jörn Zaefferer aus dem Jahr 2007, MIT und GPL. Es stammt nicht von WEBSALE, wird vom Urheber nicht mehr gepflegt und ist längst in jQuery UI aufgegangen.
Verwenden Sie für eine neue Integration das Accordion-Widget aus dem jQuery UI, das Ihr Shop ohnehin einbindet, statt diese Datei von 2007. Die Klassennamen im Stylesheet oben, acc_header, acc_header_1 und acc_body, vergeben Sie dabei selbst.Bindet Ihr Shop bereits jQuery UI ein und laden Sie diese Datei zusätzlich, überschreiben sich beide gegenseitig.
Das Stylesheet oben enthält die drei Regeln für die Aufklappfunktion bereits. Sie brauchen sie nur, wenn Sie die Zusatzfelder tatsächlich aufklappbar machen. Referenz: WEBSALE JavaScript-Bibliothek