Individuelles Design für Rechnungen und Bestellbestätigungen

  • Neben der Website selbst stellt die Rechnung gegenüber den Kunden ebenfalls ein Wiedererkennungsmerkmal dar. Sie können diese bei Bedarf individuell anpassen.
    Photo by Oliver Menyhart on pixabay
    Der VieCode Shop liefert standardmäßig ein Template für Rechnungen und Bestellbestätigungen mit. Mit Grundkenntnissen in HTML und CSS lässt sich das Design nach Belieben anpassen.


    Die Pfade für die Standard-Templates lauten:

    • Statistische Auswertung: shop/storage/templates/analysis.tpl
    • Rechnung: shop/storage/templates/invoice.tpl
    • Bestellbestätigung: shop/storage/templates/orderConfirmation.tpl
    • AGB Download: shop/storage/templates/productTermsAndConditionsDownload.tpl
    • Widerrufsbelehrung: shop/storage/templates/revocation.tpl

    Der Pfad für die Standard-CSS-Deklarationen für Rechnungen und Bestellbestätigungen lautet: shop/storage/invoice.css. Für die anderen Templates gibt es standardmäßig keine Möglichkeit ein externes Stylesheet einzubinden.


    Sollten Sie (lediglich) die CSS-Deklarationen ändern oder eigene hinzufügen wollen, so duplizieren Sie die Datei shop/storage/invoice.css nach shop/storage/invoice-custom.css und bearbeiten anschließend das Duplikat.

    Bitte beachten Sie hier, dass die Möglichkeiten hier durch Dompdf beschränkt sind. Die Engine ist überwiegend mit CSS 2.1 kompatibel. Diese Datei wird ausschließlich für Rechnungen und Bestellbestätigungen verwendet.


    Sollten Sie weiterführende Änderungen wie zusätzliche Texte einpflegen wollen, duplizieren Sie das jeweilige Template shop/storage/templates/<filename>.tpl nach shop/storage/templates/custom/<filename>.tpl.

    Anschließend können Sie das Duplikat mit einem beliebigen Text-Editor bzw. einer IDE bearbeiten.

    Im Template (nur für Rechnungen und Bestellbestätigungen!) stehen Ihnen folgende Variablen zur Verfügung:

    • $template: Name des Templates (string)
    • $order: Bestellung (Objekt der Klasse shop\data\order\Order)
    • $invoiceAddress: Rechnungsadresse (Object der Klasse shop\data\customer\address\CustomerAddress)
    • $tax: Steuer-Informationen (array<double[]>)
    • $css: Der Inhalt des externen CSS-Stylesheets als Plaintext (string)
    • $path: Der Dateipfad des Shop-Verzeichnisses (string)
    • $paymentInformationText: Zahlungsinformationen bzw. Hinweise zur entsprechenden Zahlungsart (string)
    • $smallBusinessInformation: Hinweistext auf Rechnungen zur Kleinunternehmerregelung (string)

    Sie können diese Variablen über den Smarty-ähnlichen Syntax der WSC-Template-Engine nutzen. Beachten Sie hier bitte ebenfalls mögliche Beschränkungen im HTML-Syntax durch Dompdf.


    Sollten Sie später wieder zurück auf die Standard-Darstellung wechseln wollen, reicht es die Duplikate aus dem Dateisystem zu entfernen.