Skip to main content

​
Allgemeine Beschreibung

Das “Artikel-Variablen” Portlet ist ein dynamisches Werkzeug für den Onpage Composer, mit dem du spezifische Produktdaten automatisch an beliebiger Stelle anzeigen lassen kannst. Anstatt statischen Text zu schreiben (wie z.B. einen Produktnamen), platzierst du dieses Portlet. Es zieht sich dann automatisch die entsprechende Information aus dem Artikel, auf dem der Kunde sich gerade befindet. Dies ist unverzichtbar für die Gestaltung von individuellen Produktdetailseiten-Layouts.

​
Einsatzmöglichkeiten (Inspiration)

  • Individuelle Header: Baue dir eigene Überschriften-Strukturen, indem du den Produktnamen als H1 oder H2 an einer ganz neuen Stelle platzierst.
  • Technische Daten hervorheben: Zeige wichtige Kennzahlen wie EAN, SKU oder Hersteller-Infos prominent in einer Sidebar oder einem Info-Kasten an.
  • SEO-Optimierung: Nutze Artikeldaten innerhalb von Textblöcken, um den Content relevanter zu gestalten, ohne jeden Artikel einzeln bearbeiten zu müssen.
  • Logistik-Infos: Zeige Zoll-Informationen (Taric) oder Gefahrgutnummern direkt dort an, wo sie für den Kunden relevant sind.

​
Featureübersicht:

  • Dynamischer Datenabruf: Greift direkt auf die Datenbank des JTL-Shops zu und zeigt immer die aktuellen Werte des jeweiligen Artikels an.
  • Umfangreiche Datenauswahl: Zugriff auf Stammdaten wie EAN, ISBN, Hersteller, Warengruppe und Beschreibungen.
  • Flexible HTML-Struktur: Du kannst bestimmen, ob die Variable als fließender Text, eigenständiger Block oder semantische Überschrift (H1-H6) ausgegeben wird.

​
Settings:

​
Allgemein

Image
Wähle hier eine Variable, die ausgegeben werden soll. Bitte beachte, dass die Variablen nur auf Produktseiten ausgegeben werden können.
Variable wählen: Hier bestimmst du, welche Information aus dem Artikelstamm angezeigt werden soll. Das Portlet ersetzt sich selbst im Frontend durch den Wert dieses Feldes. Auswahl zwischen:
  • Name: Der Artikelname
  • Kurzbezeichnung
  • Beschreibungstext: Die komplette Produktbeschreibung
  • Kurzbeschreibung
  • Hersteller
  • Warengruppe
  • SKU: Die Artikelnummer
  • EAN: Die europäische Artikelnummer (Barcode)
  • UPC
  • ISBN: Buchnummer
  • Gefahrnr.: Gefahrgutnummer
  • Taric: Zolltarifnummer
Block Style: Hier legst du fest, wie sich das Element verhält (Layout) und welches HTML-Tag verwendet wird (Formatierung/SEO). Auswahl zwischen: Layout-Verhalten:
  • Inline (Element reiht sich mit anderen Elementen ein): Das Element verhält sich wie ein Wort im Satz. Es erzeugt keinen Zeilenumbruch. Perfekt, um z.B. eine EAN mitten in einem Fließtext anzuzeigen.
  • Container (Element nimmt eine Zeile in Anspruch): Das Element verhält sich wie ein Block (div). Es steht in einer eigenen Zeile und drückt nachfolgende Elemente nach unten.
Formatierung & HTML-Tags:
  • kleiner Text: Ausgabe als small Tag.
  • Fetter Text: Ausgabe als strong oder b Tag.
  • Normaler Text: Standard Textausgabe (span oder p).
  • Überschrift 1 bis 6: Ausgabe als h1 bis h6. Wichtig für die SEO-Struktur, wenn du beispielsweise den Artikelnamen als Hauptüberschrift an einer anderen Stelle nutzen möchtest.