Wechseln zu: Navigation, Suche

Formulareditor: Produktbilder in die Positionstabelle einfügen

Verwandte Themen


Ihre Aufgabe / Ausgangslage


Sie schreiben unter anderem regelmäßig Angebote, in deren Positionsliste Sie gerne neben Informationen zum Produkt wie Name und Preis auch ein Bild des Produktes zu sehen ist.

Produktbilder in die Positionstabelle einfügen

Grundsätzlich sollten Sie sich bei der Verwendung von Bildern in einem Angebot (oder auch anderen Vorlagen) darüber im Klaren sein, dass der benötigte Platz für die Artikelbilder natürlich zu Lasten des verfügbaren Platzes von anderen Informationen geht. Es liegt daher nahe, die Breite der Artikelbeschreibung entsprechend zu verringern, um auf diese Weise Platz für ein Artikelbild zu schaffen.

Nachfolgend möchten wir versuchen, Ihnen die einzelnen Schritte aufzuzeigen, mit denen Sie Miniaturbilder der Artikel in die Positionstabelle integrieren. Die Positionstabelle ist so hinterlegt, dass sie sich je nach bestimmten Einstellungen unterschiedlich darstellt. Vergeben Sie bspw. einen Rabatt für einen oder mehrere Artikel innerhalb Ihres Angebots, so wird automatisch auch eine entsprechende Rabatt-Spalte ausgegeben. Die Positionstabelle besteht daher aus zwei Kopfzeilen und demzufolge auch zwei Datenzeilen; einmal für den Fall, dass ein Rabatt vorhanden ist und für den Fall, dass kein Rabatt vorhanden ist. Dies ist wichtig zu wissen, da es die Einbindung eines Artikelbildes erforderlich macht, einzelne Spaltenbreiten in der Positionstabelle zu ändern.


Öffnen Sie das Dialogfenster Druck- / E-Mail- / Exportvorlagen verwalten über das Menü Admin > Druck- / E-Mail- / Exportvorlagen.
Markieren Sie das Vorlagenset Angebot > Angebot und wählen Sie die Vorlage an, die Sie bearbeiten möchten. Klicken Sie anschließend auf Bearbeiten. Es öffnet sich der Formulareditor.

Jtl-wawi-formulareditor-001-fusszeile-angebot-bearbeiten.png

Wählen Sie unterhalb des Arbeitsbereichs den Ansichtsmodus Layout (linker Reiter).
Blenden Sie für eine bessere Übersichtlichkeit alle Ebenen bis auf die Ebene Positionsliste vorübergehend aus.

Jtl-wawi-formulareditor-002-produktbilder-positionsliste.png

Wechseln Sie in die Registerkarte Objekte und doppelklicken Sie in der Baumstruktur auf den Eintrag Berichtscontainer. Es öffnet sich das Dialogfenster Tabelleninhalt – Auftragspositionen (Vorgang.Positionen).

Jtl-wawi-formulareditor-003-positionsliste-berichtscontainer.png

Von Bedeutung sind hier die beiden Registerkarten Kopfzeile und Datenzeile. In beiden Registerkarten sehen Sie, dass es jeweils zwei Darstellungsvarianten gibt; jeweils untergliedert in Rabatt vorhanden und Rabatt nicht vorhanden. Wie der Begriff Kopfzeile schon vermuten lässt, befinden sich in dieser Registerkarte die reinen Bezeichnungen bzw. die Spaltenüberschriften. In der Registerkarte Datenzeile befinden sich die tatsächlichen Variablen für die verschiedenen Inhalte.

Markieren Sie in der Registerkarte Kopfzeile nun zunächst den Eintrag Bezeichnung im oberen Abschnitt (Rabatt vorhanden). Im rechten Fensterbereich werden Ihnen die Eigenschaften dieses Objekts angezeigt. Im Abschnitt Layout wird die aktuelle Breite mit 70 mm angezeigt. Verringern Sie diese Breite um 20 mm, also auf insgesamt 50 mm.

Jtl-wawi-formulareditor-004-positionsliste-breite-bezeichnung.png

Verfahren Sie auf diese Weise auch beim Eintrag Bezeichnung im unteren Abschnitt (Rabatt nicht vorhanden). Dort beträgt die aktuelle Breite 85 mm, die Sie bitte ebenfalls um 20 mm (also auf 65 mm) verringern.
Klicken Sie nun mit der rechten Maustaste auf den Eintrag Art.Nr. im oberen Abschnitt (Rabatt vorhanden). Es öffnet sich ein Kontextmenü. Wählen Sie hier den Eintrag Neue Spalte anhängen und dann den Eintrag Text. Es öffnet sich automatisch ein Fenster.

Formulareditor neue Spalte Text.png

Im unteren Feld dieses Fensters befindet sich bereits der Cursor. Geben Sie an dieser Stelle nun "Bild" ein (inklusive der Anführungszeichen) und klicken Sie auf OK.
Verringern Sie im Abschnitt Layout die Breite dieser soeben neu hinzugefügten Spalte um 10 mm (Vorgehensweise wie zuvor bereits beschrieben).
Verfahren Sie mit den letzten drei Schritten auf die gleiche Weise nun auch im unteren Abschnitt Rabatt nicht vorhanden, so dass Sie auch dort eine zusätzliche Spalte mit der Bezeichnung "Bild" einfügen.

Der linke Fensterbereich sollte anschließend wie folgt aussehen: Formulareditor neue Spalten Kopfzeile.png

Sie haben somit zwei neue Überschriftspalten zwischen der Artikelnummer und der Artikelbezeichnung eingefügt. Da es sich hierbei wie gesagt nur um die Kopfzeilen handelt, ist es nun natürlich noch notwendig, auch die eigentliche Variable für das Artikelbild einzufügen.

Wechseln Sie hierfür in die Registerkarte Datenzeile. Wie Sie sehen, entspricht der grundlegende Aufbau der Ansicht der Registerkarte Kopfzeile; mit dem Unterschied, dass hier nun nicht die Spaltenüberschriften, sondern die eigentlichen Variablen hinterlegt werden.
Auch hier ist es zunächst notwendig, etwas Platz für die neue Spalte mit dem Artikelbild zu schaffen. Markieren Sie daher den Eintrag Auftragspositionen.Bezeichnung im oberen Abschnitt (Rabatt vorhanden) und verringern Sie die Breite dieses Feldes wieder um 20 mm (also wieder auf insgesamt 50 mm).
Verfahren Sie so auch im unteren Abschnitt (Rabatt nicht vorhanden) und verringern Sie auch dort die Breite um 20 mm (auf insgesamt 65 mm).
Auch das weitere Vorgehen ähnelt der bereits beschriebenen Weise. Klicken Sie mit der rechten Maustaste auf den Eintrag Auftragspositionen.ArtNr im oberen Abschnitt (Rabatt vorhanden«). Wählen Sie aus dem Kontextmenü den Eintrag Neue Spalte anhängen und dann den Eintrag "Bild" (siehe Abbildung). Es öffnet sich das Dialogfenster Tabelle bearbeiten.

Formulareditor neue Spalte Bild.png

Tragen Sie nun die Variable für das Artikelbild ein. Öffnen Sie den Ordner Felder und dann den Unterordner Positionen. Klicken Sie dann doppelt auf die Variable Bild. Die Variable wird daraufhin automatisch mit ihrer eigentlichen Bezeichnung Auftragspositionen.Bild in das Eingabefenster eingefügt.

Formulareditor Variable einf Bild.png

Bestätigen Sie diesen Vorgang mit einem Klick auf die Schaltfläche OK und verfahren Sie auf die gleiche Weise nun auch im unteren Abschnitt Rabatt nicht vorhanden.

Auf diese Weise haben Sie nun die Variablen für das Artikelbild eingefügt.

Verringern Sie zu guter Letzt noch die Breite dieser soeben neu hinzugefügten Spalten um 10 mm (Vorgehensweise wie zuvor bereits beschrieben) sowohl im Abschnitt Rabatt vorhanden, als auch im Abschnitt Rabatt nicht vorhanden.

Das Ergebnis Ihrer Änderungen können Sie über die Layoutansicht Vorschau kontrollieren und sollte in etwa wie auf folgender Abbildung aussehen:

Jtl-wawi-formulareditor-010-bilder-auftragsliste-ergebnis.png