HTML-Vorlagen

Shopware eBay

Betrifft folgende Plattformen: Shopware, eBay

HTML-Vorlagen dienen der Gestaltung von Artikelbeschreibungen für Ihre Plattform-Artikel. Anstatt jede Beschreibung einzeln zu formatieren, erstellen Sie einmalig eine Vorlage und verwenden diese für beliebig viele Artikel.

Übersicht: Wofür werden HTML-Vorlagen genutzt?

Artikel-Beschreibungen (Shopware, eBay)
Kategorie-Beschreibungen erstellen (nur Shopware 6)
Einheitliches Erscheinungsbild über alle Produkte hinweg sicherstellen
Dynamische Inhalte über Platzhalter und Formeln einfügen

HTML-Vorlage erstellen

Navigieren Sie zu E-Commerce → Überblick / Stammdaten → Register: HTML-Vorlagen und klicken Sie auf Neu.

Erstellen oder ändern Sie ein HTML-Layout und wählen Sie Gestalten. Im Gestalter fügen Sie Ihr Layout ein. Die zur Verfügung stehenden Felder lassen sich direkt per Drag & Drop in das HTML-Layout ziehen.

Kopfdaten

Feld	Beschreibung
Nummer	Laufende Nummer der Vorlage (max. vierstellig, frei wählbar)
Bezeichnung	Aussagekräftiger Name für die Vorlage
Vorlagenart	Bestimmt den Einsatzbereich: „Artikel-Beschreibung" oder „Kategorie-Beschreibung"
Suchbegriff	Erleichtert das spätere Auffinden der Vorlage

Register: Vorlage – Der Editor

Über die Schaltfläche Gestalten öffnen Sie den HTML-Editor. Hier stehen Ihnen verschiedene Gestaltungsmöglichkeiten zur Verfügung.

Textformatierung

Überschriften (H1–H5): Vordefinierte Überschriftengrößen – H1 ist die größte, H5 die kleinste
Schriftart und -größe: Über das Menüband
Schriftschnitt: Fett, kursiv, unterstrichen
Schriftfarbe und Effekte: Für Hervorhebungen

Elemente einfügen

Element	Funktion
Tabelle	Strukturierte Darstellung von Produktdaten (Spalten/Zeilen per Mausklick wählbar)
Trennlinie (hr)	Thematische Trennung zwischen Abschnitten
Zitat (blockquote)	Eingerückter Text für Hervorhebungen
Definitionsliste (dl)	Für Glossare oder Eigenschaftslisten
Link/URL	Verknüpfung zu externen Seiten (mit Feldeditor für dynamische URLs)

Seitengestaltung

Seitenfarbe: Hintergrundfarbe für die gesamte Vorlage definieren
CSS einfügen: Externe Stylesheets einbinden, z. B. aus Ihrem Shop

Platzhalter und Variablen

Der eigentliche Vorteil von HTML-Vorlagen: Sie fügen Platzhalter ein, die beim Übertragen automatisch mit den Artikeldaten gefüllt werden.

Häufig verwendete Variablen

Variable	Inhalt
`PlA.Art.Bez1Rtf`	Artikelbezeichnung 1 (mit RTF-Formatierung)
`PlA.Art.Bild`	Platzhalter für das Artikelbild
`PlA.ArtNr`	Artikelnummer

Tipp

Verwenden Sie für formatierte Artikelbezeichnungen die Variable BezeichnungRTF. So werden Formatierungen aus den Stammdaten (Schriftart, Fettdruck, Aufzählungen) in die HTML-Vorlage übernommen.

Formeln einsetzen

In HTML-Vorlagen können auch bedingte Formeln hinterlegt werden:

$Cond(PlA.ArtNr='TEST3',Test,)

Diese Formel zeigt „Test" nur an, wenn die Artikelnummer „TEST3" lautet.

Bilder in HTML-Vorlagen

Bilder dürfen in HTML-Vorlagen nicht direkt eingebettet werden. Stattdessen haben Sie zwei Möglichkeiten:

URL-Pfad hinterlegen: Über die Schaltfläche Bild einfügen einen externen Bildpfad angeben
Platzhalter verwenden: Die Variable PlA.Art.Bild fügt automatisch das Artikelbild ein

Die Platzhalter können in Größe und Ausrichtung angepasst werden. In der Detailansicht „Beschreibung HTML-Vorschau" sehen Sie eine Vorschau mit dem tatsächlichen Artikelbild.

Quelltext und Vorschau

Schaltfläche	Funktion
Quelltext	HTML-Code direkt bearbeiten – für erfahrene Anwender
Vorschau	Zeigt das fertig formatierte Ergebnis
Gestalter	Zurück zur visuellen Bearbeitung

HTML-Vorlage als Vorgabe hinterlegen

Damit neue Plattform-Artikel automatisch die richtige Vorlage verwenden, hinterlegen Sie diese in den Plattform-Einstellungen.

So geht's:

Öffnen Sie Ihre Plattform unter E-Commerce → [Plattformname]
Wechseln Sie auf das Register Vorgaben
Wählen Sie bei „Artikel-Beschreibung" die gewünschte HTML-Vorlage aus

Bei Neuanlage eines Plattform-Artikels wird diese Vorlage automatisch herangezogen.

Für bestehende Plattform-Artikel: Öffnen Sie den Artikel-Datensatz, wählen Sie auf dem Register Einstell-Optionen die gewünschte Vorlage und übertragen Sie die Änderungen an die Plattform.

Änderungen an HTML-Vorlagen

Wenn Sie eine bestehende HTML-Vorlage ändern und speichern, erscheint eine Abfrage: „Soll die Änderung in allen Beschreibungen übernommen werden?"

Ja: Die Änderung wird in allen Plattform-Artikeln übernommen, bei denen diese Vorlage hinterlegt ist und das Kennzeichen „Automatisches Abgleichen" gesetzt ist
Nein: Nur die Vorlage selbst wird geändert, bestehende Artikel behalten ihre bisherige Beschreibung

Hinweise für Shopware

Kategorie-Beschreibungen: Zusätzlich zu Artikeln können auch Kategorien mit HTML-Vorlagen gestaltet werden
Body-Tags: Bei Shopware werden body-Tags automatisch zu div-Tags umgewandelt
Tabellen-Hintergrund: Damit die Hintergrundfarbe auch in Tabellen erscheint, muss im Shopware-Theme das Feld @table-row-bg angepasst werden (z. B. rgba(255,255,255, 0))

Praxisbeispiel: Einfache Produktbeschreibung

Ziel: Eine Vorlage mit Überschrift, formatierter Artikelbeschreibung und Produktdaten-Tabelle.

Schritt 1: Kopfdaten

Nummer: 10
Bezeichnung: Produktbeschreibung Standard
Vorlagenart: Artikel-Beschreibung

Schritt 2: Vorlage im Editor aufbauen

Im Editor kombinieren Sie Platzhalter für die Artikelbezeichnung, eine Produktdaten-Tabelle mit Variablen wie PlA.ArtNr, PlA.Art.LagerMenge und PlA.Art.VK1Brutto sowie einen fixen Fußbereich mit allgemeinen Informationen (z. B. Versandhinweise, Rückgaberecht, Garantie).

Tipp

Das Ergebnis Die Vorlage bleibt gleich – nur die Platzhalter werden pro Artikel mit den jeweiligen Stammdaten gefüllt. So erhalten alle Produkte ein einheitliches Erscheinungsbild, ohne dass Sie jede Beschreibung einzeln formatieren müssen.