Wie sorge ich dafür, dass der Inhalt auf meinen Lieferscheinen unten aufgeführt wird?

Um zu erzwingen, dass Inhalte immer am unteren Rand des Lieferscheins gedruckt werden, müssen Sie zunächst definieren, wo sich „unten“ befindet, und diesen Inhalt dann in ein <div>-Tag mit speziellen Positionsattributen einschließen.

Wichtig

Der Inhalt, den Sie auf der Unterseite Ihres Lieferscheins anheften, wird unter keinen Umständen verschoben!

Dies kann manchmal zu Überschneidungen mit anderen Inhalten bei Aufträgen führen, die zu viele Positionen oder eine lange Fußzeile haben. Für diesen Fall sollten Sie eine Ersatzvorlage bereithalten, die die folgenden Änderungen ausschließt.

Der Code, den Sie hinzufügen müssen, hängt vom Layout Ihres Lieferscheins ab. Um diesen Code zu Ihrer Lieferscheinvorlage hinzuzufügen, gehen Sie zur Lieferscheinvorlage in Ihren Vorlageneinstellungen und gehen Sie wie folgt vor:

  1. Fügen Sie am Anfang der Auftragskopfzeile (vor dem ersten <table>-Tag) den folgenden Code hinzu, um zu definieren, wo sich der untere Teil des Lieferscheins befindet:

    • 8,5 x 11 Zoll ganzseitig:

      <style>
       .customStyle {
          position: relative;
          height:11in;
        } 
      </style>  
    • 8,5 x 11 Zoll 2 pro Seite / halbseitig:

      <style>
       .customStyle {
         position: relative;
         height:5.5in;
        } 
      </style>  
    • 4 x 6 Zoll Thermopapier:

      <style>
       .customStyle {
         position: relative;
         height:6in;
        } 
      </style>  

      Möglicherweise müssen Sie den Höhenwert in den obigen CSS-Snippets je nach Ihrem Inhalt anpassen.

    So sollte der Code für die ganzseitige 8,5 x 11 Zoll große Seite aussehen:

    Lieferschein-HTML: benutzerdefiniertes CSS-Snippet im Abschnitt „Auftragskopfzeile“ hervorgehoben
  2. Suchen Sie das Element, das den Inhalt enthält, den Sie am unteren Rand des Lieferscheins anheften möchten.

  3. Fügen Sie den folgenden Code vor dem gewünschten Element hinzu:

    <div style="bottom:0; position:absolute;width:100%;"> 
  4. Fügen Sie dann den folgenden Code nach dem gewünschten Element hinzu:

    </div>
  5. Speichern Sie Ihre Änderungen.

Das folgende Beispiel zeigt, wie dies aussehen sollte (in diesem Beispiel wird das Element <p>, das die Fußzeile des Lieferscheins enthält, an das Ende des Lieferscheins verschoben):

Lieferschein-HTML: die div-Position und der HTML-Code in der Fußzeile des Auftrags werden hervorgehoben

Hier ist ein Bild des resultierenden Lieferscheins, mit der Fußzeile am unteren Rand angeheftet:

Lieferschein mit Fußzeilentext am unteren Rand der Seite.