Wie kann das Layout der Magento PDF-Rechnung angepasst werden?

Mit unserer AdvancedInvoiceLayout Magento-Extension lässt sich das Standardlayout der PDF-Rechnung, des PDF-Lieferscheins und der PDF-Gutschrift sehr einfach via HTML/CSS anpassen:

• Die CSS-Dateien befinden sich im Verzeichnis skin/frontend/base/default/advancedinvoicelayout/default/css/ der Magento-Installation. Zusätzlich zu den regulären CSS-Dateien liefern wir auch die Original-SASS-Dateien mit, mit denen sich die CSS-Dateien noch leichter anpassen lassen.
• Die HTML-Dateien, aus denen die PDF-Rechnung generiert wird, befinden sich im Verzeichnis app/design/frontend/base/default/template/advancedinvoicelayout/default/.

Die PDF-Dokumente können über folgende Aktionen gedruckt werden:

• Verkäufe > Rechnungen > Aktionen > PDF-Rechnung drucken über das Grid oder über
• Verkäufe > Rechnungen > Rechnung auswählen > PDF-Rechnung drucken auf der Rechnungsdetailseite

Die Vorgehensweise für Lieferscheine und Gutschriften ist selbstverständlich analog.
Die Dokumente werden jeweils on-the-fly generiert, d.h. Änderungen an den HTML/CSS-Dateien sind sofort sichtbar.

Generell empfiehlt es sich, zum Testen von Layouts immer den Debug-Modus des AdvancedInvoiceLayout-Moduls unter System > Konfiguration > AdvancedInvoiceLayout zu aktivieren. Bei aktiviertem Debug-Modus wird bei jedem Druck der PDF-Rechnung, des -Lieferscheins oder der -Gutschrift das temporär erzeugte HTML-Dokument im Verzeichnis var/tmp/invoice_debug.html gespeichert. Dies ermöglicht Ihnen einfacher, die HTML-Struktur und die Style-Sheets zu analysieren und anzupassen.
In Produktiv-Umgebungen sollte dieses Feature aus Performance-Gründen nicht dauerhaft aktiviert sein.