JTL-Wawi | eBay Designvorlagen

JTL-Shop 4 Best Practises

JTL-eazyAuctioneBay-Designvorlagen

Ein Workshop mit Dirk Lehmeier & Georg Jennessen

1

27.10.2015JTL-Software-GmbH, Dirk Lehmeier & Georg Jennessen2

Einfhrung in die eBay-DesignvorlagenEVO-Designvorlage verwendenStyle anpassenArtikelspezifische Informationen ber Attribute anzeigenNhrwertangaben ber Attribute auflistenMHD mit SQL ermittelnBestseller- und XSeller-Galerie anzeigen

Ablauf des WorkshopsDauer: ca. 35 Min.

Zunchst werde werden wir euch eine kurze Einfhrung in die eBay Designvorlagen geben

2

Einfhrung in die eBay-DesignvorlagenDas grafische Gesicht Ihrer eBay-AngeboteHTML-Code mit Platzhalter-Variablen (Bilder und Texte)Generierung durch DotLiquidVerwaltung direkt in der JTL-Wawi 1.0nderung der Designvorlagen bei laufenden Angeboten27.10.2015JTL-Software-GmbH, Dirk Lehmeier & Georg Jennessen3

3


EVO-Designvorlage

4


5


6


7


8


9


10


11


12


13


Darstellungsvorgaben durch CSS-Dateien

Schauen wir uns einmal die Designvorlage genauer an.Zunchst finden wir eine Menge an Code-Beispielen und Kommentare. Aber erstmal mchte ich mich auf das wichtigste eingehen - DAS AussehenDefiniert wird die Darstellung der Designvorlage wie blich bei HTML-Seiten ber CSS DateienWir benutzen fr die EVO-Designvorlage das CSS-Framework Bootstrap.Bootstrapist einfreiesund sehr hufig verwendetesCSS-Framework Ihnen stehen 15 verschiedene Themes zur Verfgung.Markieren Sie das aktuell ausgewhlte Theme und whlen ber den Variablen-Baum ein anderes ausGehen wir zurck auf die VorschauWie sie sehen, hat sich der Style angepasst.Sehen wir uns das ganze nochmal im Browser an

14


Bootstrap Theme whlen

Schauen wir uns einmal die Designvorlage genauer an.Zunchst finden wir eine Menge an Code-Beispielen und Kommentare. Aber erstmal mchte ich mich auf das wichtigste eingehen - DAS AussehenDefiniert wird die Darstellung der Designvorlage wie blich bei HTML-Seiten ber CSS DateienWir benutzen fr die EVO-Designvorlage das CSS-Framework Bootstrap.Bootstrapist einfreiesund sehr hufig verwendetesCSS-Framework Ihnen stehen 15 verschiedene Themes zur Verfgung.Markieren Sie das aktuell ausgewhlte Theme und whlen ber den Variablen-Baum ein anderes ausGehen wir zurck auf die VorschauWie sie sehen, hat sich der Style angepasst.Sehen wir uns das ganze nochmal im Browser an

15


16


17


Informationen ber Bootstrap im Web

18


JTL-Shop 4 als Style-Vorlage

19


20


21


22


23


24


25


26


27


28


Vorschau Angebot whlen

29


30


31


Artikelspezifische Zusatzinformationen ber Attribute

32


33


34


35


36


Nhrwertangaben ber Attribute auflisten

37


38


39


40


41








48


49


50


51


52


53


54


55


56


57


58


Fehlende Informationen?SQL-Abfragen helfen.

59








66


eBay-GalerienDas perfekte Cross-Selling-Instrument

67


68


69


70


71


72


73


74


75


76


77



Galerie-Artikel einschrnken

79


80


81


82


83


84


X-Seller Galerie

85


86


87


88


89

Vielen Dank fr Ihre Aufmerksamkeit

90