2. 28.10.2015 JTL-Software-GmbH, Dirk Lehmeier & Georg Jennessen 2
• Einführung in die eBay-
Designvorlagen
• EVO-Designvorlage verwenden
• Style anpassen
• Artikelspezifische Informationen über
Attribute anzeigen
• Nährwertangaben über Attribute
auflisten
• MHD mit SQL ermitteln
• Bestseller- und XSeller-Galerie
anzeigen
Ablauf des Workshops
Dauer: ca. 35 Min.
3. Einführung in die eBay-Designvorlagen
• Das grafische Gesicht Ihrer
eBay-Angebote
• HTML-Code mit Platzhalter-
Variablen (Bilder und Texte)
• Generierung durch DotLiquid
• Verwaltung direkt in der JTL-
Wawi 1.0
• Änderung der Designvorlagen
bei laufenden Angeboten
28.10.2015 JTL-Software-GmbH, Dirk Lehmeier & Georg Jennessen 3
Zunächst werde werden wir euch eine kurze Einführung in die eBay Designvorlagen geben
Schauen wir uns einmal die Designvorlage genauer an.
Zunächst finden wir eine Menge an Code-Beispielen und Kommentare.
Aber erstmal möchte ich mich auf das wichtigste eingehen - DAS Aussehen
Definiert wird die Darstellung der Designvorlage wie üblich bei HTML-Seiten über CSS Dateien
Wir benutzen für die EVO-Designvorlage das CSS-Framework Bootstrap.
Bootstrap ist ein freies und sehr häufig verwendetes CSS-Framework
Ihnen stehen 15 verschiedene Themes zur Verfügung.
Markieren Sie das aktuell ausgewählte Theme und wählen über den Variablen-Baum ein anderes aus
Gehen wir zurück auf die Vorschau
Wie sie sehen, hat sich der Style angepasst.
Sehen wir uns das ganze nochmal im Browser an
Schauen wir uns einmal die Designvorlage genauer an.
Zunächst finden wir eine Menge an Code-Beispielen und Kommentare.
Aber erstmal möchte ich mich auf das wichtigste eingehen - DAS Aussehen
Definiert wird die Darstellung der Designvorlage wie üblich bei HTML-Seiten über CSS Dateien
Wir benutzen für die EVO-Designvorlage das CSS-Framework Bootstrap.
Bootstrap ist ein freies und sehr häufig verwendetes CSS-Framework
Ihnen stehen 15 verschiedene Themes zur Verfügung.
Markieren Sie das aktuell ausgewählte Theme und wählen über den Variablen-Baum ein anderes aus
Gehen wir zurück auf die Vorschau
Wie sie sehen, hat sich der Style angepasst.
Sehen wir uns das ganze nochmal im Browser an