Ändern Sie das Layout der Rechnungen und Packzettel

Wenn Sie das Layout der Rechnungen ändern möchten, so haben Sie im System die Möglichkeit. Sie finden sie unter Allgemein > Design > PDF & E-Mail Editor. Mit diesem Tool haben Sie die Möglichkeit, viele verschiedene Einstellungen an den Dokumenten vorzunehmen. Dies geschieht per HTML und CSS.

Hinweis: HTML und CSS Wissen ist notwendig. Sollten Sie nicht über diese Kenntnisse verfügen, raten wir Ihnen stark davon ab, weil SEOshop für Korrekturen keinen Support geben kann. 

Layout bearbeiten

Egal welches Dokument Sie bearbeiten möchten, die Vorgehensweise ist immer gleich. Hier ein Beispiel:

Gehen Sie zu Allgemein > Design > Design >PDF & E-Mail Editor im linken Backoffice Menü. Dann sehen Sie das entsprechende Dokument. Im schwarzen Bereich finden Sie den Rechnungscode. Oben rechts finden Sie ein Auswahlmenü:

  • Editor theme: Dunkel oder Heller – Hier können Sie die Hintergrundfarbe setzen. Die Voreinstellung ist schwarz. Zum Ändern, wählen Sie den hellen Hintergrund aus.
  • Indent Modus: Tabs oder Leerzeichen – Um den Code korrekt zu halten, werden die Tabs regelmäßig verwendet. Diese sind relevant für das entsprechende Code Level. Das gilt für Tabs und Leerzeichen. Wenn Sie die Tab Option verwenden, werden Indents verwendet. Wenn Sie das Tab entfernen, verschwindet auch das Indent. Hinweis: Das Tool funktioniert nur mit neuen Tabs.
  • Indent Größe: 2, 4 or 8 – Das ist der Abstand zwischen den verschiedenen Codetypen die klar machen, wann ein Codefragment beginnt und wann es endet. Zum Beispiel:
    <header data-repeat="true">
     <div class="clearfix">
       <img class="pull-right" src="{{ invoice.barcode }}" width="284"  height="20" alt="Barcode" />
     </div>
     <div class="spacer"></div>
    </header>
  • Line Wrap Modus – No wrap oder Soft wrapping – Wrapping erstellt einen Frame. Wenn Sie Soft wrapping auswählen, werden alle Textlinien in den Frame passen. Wenn eine Reihe länger ist, wird der Code in der nächsten Reihe weitermachen. Bei der No Wrapping Option muss bei zu langem Text gescrollt werden.

Im Menü auf der rechten Seite, finden Sie alle Codes für den Frame Bereich. Zum Beispiel als Land (Sie klicken darauf) und es wird Ihnen der entsprechende Code angezeigt {{ shop.region }}.

Vorschau

Sobald Sie auf Sichern klicken sind die Änderungen direkt wirksam. Auch nur kleine Fehler im Code können schon enorme Probleme verursachen. Mit der Vorschau Funktion können Sie die Änderungen vorher erst sehen und überprüfen. Es öffnet sich ein Pop-Up, dass Ihnen die Änderungen anzeigt.

Variabeln:

 Array
(
    [shop] => Array
        (
            [name] => 
            [logo] => 
            [url] => 
            [domain] => 
            [email] => 
            [phone] => 
            [fax] => 
            [street] => 
            [postcode] => 
            [city] => 
            [region] => 
            [country] => 
            [accountholder] => 
            [bankaccount] => 
            [bankcode] => 
            [bankname] => 
            [iban] => 
            [swift] => 
            [paymentreference] => 
            [cocnumber] => 
            [coccity] => 
            [vatnumber] => 
            [nationalid] => 
            [companyowner] => 
        )

    [theme] => Array
        (
            [color_1] => 
            [color_2] => 
            [color_3] => 
            [color_4] => 
        )

    [order] => Array
        (
            [id] => 
            [number] => 
            [date] => 
            [comment] => 
            [memo] => 
            [products] => Array
                (
                    [0] => Array
                        (
                            [id] =>
                            [articlecode] => 
                            [name] => 
                            [variant] => 
                            [sku] => 
                            [ean] => 
                            [hs] => 
                            [vat] => 
                            [unitprice] => 
                            [unitprice_ex] => 
                            [discount] => 
                            [quantity] => 
                            [subtotal] => 
                        )

                    [1] => Array
                        (
                            [id] => 
                            [articlecode] => 
                            [name] => 
                            [variant] => 
                            [sku] => 
                            [ean] => 
                            [hs] => 
                            [vat] => 
                            [unitprice] => 
                            [unitprice_ex] => 
                            [discount] => 
                            [quantity] => 
                            [subtotal] => 
                        )

                    [_shippingcosts_] => Array
                        (
                            [id] => 
                            [articlecode] => 
                            [name] => 
                            [variant] => 
                            [sku] => 
                            [ean] => 
                            [hs] => 
                            [vat] => 
                            [unitprice] => 
                            [unitprice_ex] => 
                            [discount] => 
                            [quantity] => 
                            [subtotal] => 
                        )

                )

            [discount] => 
            [is_vatshifted] => 1
        )

    [invoice] => Array
        (
            [id] => 
            [number] => 
            [date] => 
            [price] => 
            [price_ex] => 
            [taxes] => 
            [barcode] => 
            [deliverytime] => 
            [deliverydate] => 
            [legalnote] => 
            [note] => 
            [footer] => 
            [is_credit] => 
        )

    [payment] => Array
        (
            [method] =>
        )

    [customer] => Array
        (
            [id] => 334
            [firstname] => 
            [middlename] => 
            [lastname] => 
            [phone] => 
            [mobile] => 
            [email] => 
            [nationalid] => 
            [is_company] => 
            [company] => 
            [cocnumber] => 
            [vatnumber] => 
        )

    [billingaddress] => Array
        (
            [company] => 
            [name] => 
            [address] => 
            [zipcode] => 
            [city] => 
            [region] => 
            [country] => 
        )

    [shippingaddress] => Array
        (
            [company] => 
            [name] => 
            [address] => 
            [zipcode] => 
            [city] => 
            [region] => 
            [country] => 
        )

    [language] => Array
        (
            [language] => 1
        )

    [options] => Array
        (
            [hide_customer_details] => 
        )

)  
Haben Sie Fragen? Anfrage einreichen