ebay ™

19
Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 1 von 19 Ebay-Shopgestaltung Tipps und Anleitungen für die individuelle Gestaltung von eBay -Shops In diesem Dokument findet ihr dazu ein paar Seiten. Einige Möglichkeiten sind ja von eBay vorgegeben - aber bekanntlich ist der Wiedererkennungswert ein wichtiger Faktor für Verkaufserfolg der mit dem Design "von der Stange" nicht zu erreichen ist. Der Shop sollte daher nicht nur einfach gut aussehen sondern an das Design eurer Angebote und/oder eurer Homepage oder an den Onlineshop außerhalb von eBay angepaßt sein um eine einheitliche Erscheinung zu erreichen. Darüberhinaus vermittelt eine eigene Gestaltung (mal vorausgesetzt, daß sie gut ist) einen professionellen und seriösen Eindruck der für das notwendige Vertrauen im Onlinehandel zusammen mit anderen Faktoren wichtig für dauerhaften Erfolg ist. >>> Design sells - nicht nur dort wo es um Lifestyleprodukte geht. Die Seiten sind für unterschiedliche Gruppen geschrieben: Für diejenigen, die eher Anfänger mit HTML und CSS sind aber dennoch einiges selbst an ihrem Shop gestalten möchten. Schwierigkeitsstufen habe ich nicht gekennzeichnet - aber ich hoffe es ist auch so zu erkennen wo vielleicht noch weitere Kenntnisse notwendig wären. Für diejenigen, die eigentlich ganz fit in Seitengestaltung sind aber einige Tipps für spezielle Punkte suchen. Und für die Kollegen Webdesigner, die zwar perfekte Seiten gestalten - sich aber im Dschungel der eBay Möglichkeiten und Grenzen nicht sofort zurechtfinden. Bitte auch die Hinweise zu HTML und CSS bei eBay beachten - sie gelten auch für die Shopgestaltung. eBay Links zum Thema Einige grundlegende Punkte habe ich hier nicht beschrieben sondern vorausgesetzt. Wenn ihr sie vermißt werdet ihr vielleicht auf den entsprechenden eBay Seiten fündig. Hilfeseiten eBay Shops: Übersicht Shop-Hilfe Portal eBay Shop anpassen Spezielle HTML-Befehle für Shops Professionelle Shop-Gestaltung Trainingsmaterial Übersicht Trainingsmaterial Verkaufen mit eBay Shops (PDF) Angebote professionell beschreiben und gestalten (PDF) Professionelles Verkaufen bei eBay (PDF)

Upload: ebayworld

Post on 14-May-2015

2.189 views

Category:

Documents


6 download

TRANSCRIPT

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 1 von 19

Ebay™ -Shopgestaltung

Tipps und Anleitungen für die individuelle Gestaltung von eBay -Shops

In diesem Dokument findet ihr dazu ein paar Seiten. Einige Möglichkeiten sind ja von eBay vorgegeben - aber bekanntlich ist der Wiedererkennungswert ein wichtiger Faktor für Verkaufserfolg der mit dem Design "von der Stange" nicht zu erreichen ist. Der Shop sollte daher nicht nur einfach gut aussehen sondern an das Design eurer Angebote und/oder eurer Homepage oder an den Onlineshop außerhalb von eBay angepaßt sein um eine einheitliche Erscheinung zu erreichen.Darüberhinaus vermittelt eine eigene Gestaltung (mal vorausgesetzt, daß sie gut ist) einen professionellen und seriösen Eindruck der für das notwendige Vertrauen im Onlinehandel zusammen mit anderen Faktoren wichtig für dauerhaften Erfolg ist. >>> Design sells - nicht nur dort wo es um Lifestyleprodukte geht.

Die Seiten sind für unterschiedliche Gruppen geschrieben:

• Für diejenigen, die eher Anfänger mit HTML und CSS sind aber dennoch einiges selbst an ihrem Shop gestalten möchten. Schwierigkeitsstufen habe ich nicht gekennzeichnet - aber ich hoffe es ist auch so zu erkennen wo vielleicht noch weitere Kenntnisse notwendig wären.

• Für diejenigen, die eigentlich ganz fit in Seitengestaltung sind aber einige Tipps für spezielle Punkte suchen.

• Und für die Kollegen Webdesigner, die zwar perfekte Seiten gestalten - sich aber im Dschungel der eBay Möglichkeiten und Grenzen nicht sofort zurechtfinden.

Bitte auch die Hinweise zu HTML und CSS bei eBay beachten - sie gelten auch für die Shopgestaltung.

eBay Links zum ThemaEinige grundlegende Punkte habe ich hier nicht beschrieben sondern vorausgesetzt. Wenn ihr sie vermißt werdet ihr vielleicht auf den entsprechenden eBay Seiten fündig.

Hilfeseiten

eBay Shops: Übersicht

Shop-Hilfe Portal

eBay Shop anpassen

Spezielle HTML-Befehle für Shops

Professionelle Shop-Gestaltung

Trainingsmaterial

Übersicht Trainingsmaterial

Verkaufen mit eBay Shops (PDF)

Angebote professionell beschreiben und gestalten (PDF)

Professionelles Verkaufen bei eBay (PDF)

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 2 von 19

Eigene Shopkopfzeile und Hintergrund für die Shopseiten bei eBay einfügen

Erster Schritt - Thema

Öffne die Shopverwaltung und wähle unter Shop-Design --> Shop Einstellungen

Wenn du bisher ein eBay Thema benutzt hast siehst du hier die Vorschau. Für eine eigene Kopfzeile mit HTML mußt du jetzt zunächst das Thema ändern. Um nur einen Seitenhintergrund einzufügen kannst du in Schritt drei weiterlesen.

wähle -> Thema wechseln -> Anpassbare Themen

Hier hast du die Auswahl zwischen fünf Layouts.Davon eignen sich für eine eigene Kopfzeile nur "Minimal" und "Nur individuelle Kopfzeile".

Wenn du die Navigation zu den

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 3 von 19

persönlichen Seiten im Shop in der Kopfzeile haben möchtest, dann kannst du sie vielleicht besser selbst dort einbauen wo sie erscheinen soll - auch wenn sie dort nicht automatisch aktualisiert wird.

Der Unterschied zwischen "Minimal-Links" und "Nur individuelle Kopfzeile" besteht nur in der Anzeige des farbigen Balkens mit dem Shop Namen.

Der kann stören - aber manchmal auch eine gute optische Abtrennung zur eBay Kopfzeile darstellen.

Bevor du deine Auswahl speichern kannst mußt du ein Farbschema auswählen. Nimm das erstbeste (falls nicht eine Farbkombination ohnehin zu 100% deinen Vorstellungen entspricht) - "deine" Farben kannst du im nächsten Schritt eintragen.

Zweiter Schritt – Farben

Die Farben des Shops kannst du nach deinen Vorstellungen und deinem Design anpassen unter:

Shop-Einstellungen - Shop-Thema und Darstellung --> Aktuelles Thema bearbeiten

Hier kannst du auch entscheiden ob am Anfang der Zeilen eine andersfarbige Accentbox angezeigt werden soll. Wenn du dies abwählst, dann wird die "Hervorgehobene Farbe" nur als schmaler Streifen am Fuß der Seite angezeigt.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 4 von 19

Dritter Schritt - eigenen Quelltext einfügen

Die Möglichkeit deinen Quelltext einzufügen findest du nicht unter Shop Thema bearbeiten (wo du es vermuten würdest), sondern unter Shop-Einstellungen -> Shop-Thema und Darstellung -->

Anzeige der Shopkopfzeile

Es öffnet sich der Standard Editor und du mußt die Checkbox für zusätzliche Informationen in deiner Kopfzeile aktivieren.

Dann kannst du deinen Quelltext für die eigene Kopfzeile einfügen - aber auch den Quelltext für einen Seitenhintergrund oder für andere Elemente auf der Shopseite.

Der Quelltext den du hier einfügst wird auf allen Seiten deines Shops angezeigt.

Anmerkung:Wenn du bei Shop-Marketing/ Kopfzeile auswählst, daß deine Shop-Kopfzeile in den Angeboten angezeigt werden soll, dann wird dieser Text dort nicht angezeigt. Damit deine selbstgestaltete Kopfzeile auch dort zu sehen ist mußt du sie in deine Angebotsvorlage zusätzlich einfügen.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 5 von 19

Wenn du den Internet Explorer benutzt, dann kannst du auch den "Texteditor pro" benutzen.Dein Quelltext wird hier unter "Geben sie selbst HTML Code ein" eingefügt.

Achtung: beim Wechsel der Ansichten wenn du ein Stylesheet benutzt. Wenn du zwischen der HTML Ansicht und der Standardansicht wechselst wird ein vorhandenes Stylesheet (z.B. mit Hintergrundbefehlen) gelöscht.

Dies kannst du verhindern wenn du vor deinen gesamten Quelltext ein <br> setzt.

Wenn dich der dadurch entstehende Abstand stört, dann kannst du stattdessen deinen ganzen Quelltext in eine Tabelle packen:

<table border="0" width="100%" ><tr> <td>Hier deinen Quelltext einfügen</td></tr></table>

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 6 von 19

eBay Shop - Kopfzeile gestalten

Die Kopfzeile im Shop - eigentlich nur ein schmaler Streifen der unterschiedlich gestaltet werden kann.

Um den Shop zu gestalten ist die Kopfzeile mit eigenem Logo zunächst der erste Schritt, der ohne

HTML Kenntnisse meist in der Auswahl eines der von eBay bereitgestellten Themen besteht.

Weit darüberhinaus kann sie jedoch auch relativ einfach mit Grafik und eigenem HTML und CSS gestaltet werden.

eBay Themen anpassenNeben den eher schlicht wirkenden anpassbaren Themen stehen noch eine Reihe grafisch gestalteter Kopfzeilen zur Verfügung. In sie kann zusätzlich ein vorgefertigtes oder ein eigenes Logo (310x90Pixel) eingefügt werden - Text kann man dort nicht einfügen, hinzugefügter Text erscheint immer darunter. Wenn du kein eigenes Logo hast und das vorgefertigte nicht verwenden willst, dann kannst du diese Themen dennoch etwas anpassen um den Shop individueller zu gestalten.

Beispiel - Neonthema

Die Themen bestehen aus mehreren Einzelbildern, die Kopfzeile passt sich der Bildschirmauflösung des Besuchers an - bis zu einer minimalen Breite der Kopfzeile von 768

Pixeln (hier verkleinert dargestellt)

Die Einzelbilder sind in eine Tabelle eingefügt - die Zellen hier mal mit Rand markiert.

Wenn man keins der vorgefertigten Logos oder ein eigenes ausgewählt hat wird der dafür vorgesehene Bereich mit einem Bild des Themas gefüllt.

Um ein angepaßtes Logo zu erstellen kannst du mit Rechtsklick dieses Bild speichern und in einem Bildbearbeitungsprogramm mit deiner Lieblingsschriftart beschriften. Bei xnView zum

Beispiel unter Bild - Text hinzufügen. (nach der Beschriftung wieder in 216 Farben umwandeln und als gif speichern)

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 7 von 19

Dieses beschriftete Logo lädst du dann in den Shop-Bildermanager (oder auf eigenen Webspace) und fügst es dann als Logo in der Shopverwaltung ein.

Auf die gleiche Weise kann man auch das zweite Bild beschriften

allerdings läßt sich das dann nicht mehr automatisch einfügen sondern du mußt die Kopfzeile "nachbauen" und dann als Quelltext einfügen wie unter "Quelltext einfügen" beschrieben.

Der Quelltext für die Kopfzeile:

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td rowspan="3" align="left" valign="top"><!-- linkes Bild --><img src="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrLft_15x114.gif" height="114" width="15"></td><td><!-- Bild oberhalb des Logos --><img src="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrTpLogo_310x12.gif" height="12" width="310"></td>

<td rowspan="3" align="left" valign="top"><!-- Hier kommt das zweite Bild rein --><img src="http://domain/ordner/meinBildMid_402x114.gif" height="114" width="410"></td>

<td rowspan="3" background="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrFlex_1x114.gif" width="100%"><!-- Hintergrundbild der Knautschzone zweimal eintragen als Hintergrund und Vordergrund--><img src="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrFlex_1x114.gif"></td><td rowspan="3" align="right" valign="top"><!-- rechtes Bild --><img src="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrRt_33x114.gif" height="114" width="33"></td></tr>

<tr><td align="left" valign="top"><!-- Link zum Shop einfügen --><a href="http://stores.ebay.de/shopname"><!-- hier ist das Logo drin --><img name="Logo" src="http://domain/Ordner/meinLogo_310x90.gif" alt="Logo" title="" border="0" height="90" width="310"></a></td></tr>

<tr><td valign="top"><!-- Bild unter dem Logo --><img src="http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm12_c1/hdrBtmLogo_310x12.gif" height="12" width="310"></td></tr>

<!-- Hier könnte noch eine Zeile für mehr Text oder links eingefügt werden --><tr style="background:#000000; color:#FFFFFF; text-align:center;"><td colspan="5"> Mehr Text kann hier rein</td></tr><!-- Ende zusätzliche Zeile --></tbody></table>

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 8 von 19

Für Bilder die nicht verändert werden kann die eBay Adresse so erhalten bleiben - bei anderen Themen mit Rechtsklick --> Eigenschaften die Adresse der Bilder kopieren und in dem Quelltext ersetzen (er ist für andere Themen - soweit ich gesehen habe – gleich).

und so sieht es dann aus:

Mehr Text kann hier rein

Wenn das geklappt hat, dann ist natürlich die Frage warum du dir nicht gleich komplett eine individuelle Kopfzeile erstellst die sich wirklich von anderen Anbietern unterscheidet ;-)

Individuelle Kopfzeile erstellenDa sie individuell werden soll ist es mit den Beispielen schon schwieriger...einfachste Version - wenn du nur eine Grafik (Logo) einfügen willst:

Anders als hier oben auf der Seite habe ich als Hintergrund eine Grafik eingefügt die sich wiederholt und den Schriftzug zentriert.

<div style="border:3px solid #88a19d;padding: 10px 0; background: url(http://domain.de/ordner/hintergrund.jpg)"><img title="titel" src="http://domain.de/ordner/logodatei.gif" border="0" alt="" width="323" height="81"> </div>

Die Grafik des Logos oder einer einzelnen Kopfzeilengrafik sollte nicht breiter als 960px sein (für die Summe von Einzelbildern gilt das auch) - eigentlich wären rund 770Pixel für eine Bildschirmauflösung von 800x600 richtig - aber die eBay Shopseiten lassen sich auch ohne Kopfzeile nur noch bis zu einer verfügbaren Breite von 960px reduzieren - bei kleineren Breiten muß man ohnehin querscrollen. Bei so großen Bildern sollte man allerdings die Dateigrößen und damit die Ladezeiten für Besucher im Auge behalten.

Eine Einzelgrafik passt sich drüberhinaus auch nicht anderen Bildschirmbreiten an - je nach Größe und Position kann sie auf großen Bildschirmen auch etwas verloren wirken und am linken Bildschirmrand wie ein inzwischen zu kurz geratener Konfirmationsanzug aussehen.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 9 von 19

Es gibt auch entgegen allen Gerüchten nicht die Standardauflösung. Links mal ohne Anspruch darauf repräsentativ zu sein die Besucher meiner Seite. Zwar ist eindeutig eine Bildschirmauflösung von 1024x768 der Spitzenreiter - aber die andere Hälfte der Besucher hat andere Auflösungen - und zwar extrem viel Varianten.

Angesichts dieser Vielfalt ist man gut beraten die Kopfzeile nicht auf eine feste Breite einzustellen - anders als auf einer eigenen Homepage kann man die Breite der Shopseite ja nicht insgesamt beinflussen.

Methoden zur flexiblen Gestaltung

• große Grafiken als Hintergrundbild einbauen.Dies ist vor allem bei dekorativen Bildern sinnvoll - das Bild im Kopf dieser Seite hat eine Breite von 1600px - je nach deiner Bildschirmauflösung siehst du davon aber nur einen Teil (und einige auch trotzdem schon den Rand)

• Vordergrundbilder und Hintergrundbilder kombinieren - so wie dies bei den ebay Themen der Fall ist und wie ich das auch schon für Rahmen beschrieben habe.Für solche Tabellenlösungen kann mit mit css jedem der Tabellenelemente ein Hintergrundbild zuweisen - für table,tr,und td und zusätzlich noch ein normales Bild im Vordergrund. Damit stehen vier Ebenen zur Verfügung (bei transparenten gif) die gegeneinander beweglich sind. Mit mehreren Tabellenzellen die einen flexiblen Bereich enthalten läßt sich der Inhalt gleichmäßig verteilen.

• Grafiken so gestalten, daß sie nahtlos in einen einfarbigen Hintergrund übergehen um zusätzliche Hintergrundgrafiken zu vermeiden. Wenn man in der Kopfzeile noch Texte und/oder linkbuttons unterbringen will eine sehr sinnvolle Lösung.

Beispiele

Hier noch ein paar Beispiele die ich für Kunden erstellt bzw. bei den beiden letzten die vorhandene Kopfzeile der Homepage angepasst habe:THE FLAGSHIP ONLINE-STORE | zedmoto bike spares | Toner-XXL | varianz_com

Einfach mal die Größe des Browserfensters verändern um zu sehen was passiert ;-)

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 10 von 19

Hintergrund im eBay-Shop

Farben und Hintergrundbilder

Mit CSS kann auf den Shopseiten eine Hintergrundfarbe oder ein Hintergrundbild (oder beides) eingefügt werden

Damit verändert man alle Flächen, die hier links im Bild schwarz dargestellt sind. Ebay Kopf, Navigation, Artikelliste und einige Bereiche im Fuß der Seite haben eine eigene Hintergrundfarbe und werden deshalb nicht durch die Hintergrundfarbe berührt. Wenn du für deine Kopfzeile keinen eigenen Hintergrund festlegst, dann wäre die selbstverständlich auch in der Hintergrundfarbe.

Anders als auf den Angebotsseiten haben jedoch nicht alle Bereiche mit eBay Texten eine eigene Farbe - deshalb sollte man darauf achten sie durch den Hintergrund nicht unlesbar zu machen.

Das dargestellte Schwarz wäre beispielsweise problematisch und ich habe es nur zur Darstellung des Prinzips gewählt. Auch wenn Reglungen für die Shopgestaltung nicht sooo ausdrücklich formuliert sind wie für die Angebote - eBay-eigene Texte unlesbar zu machen ist sicher nicht gestattet. (Und ich hafte nicht dafür wenn ihr Ärger bekommt!)

Problematisch bei sehr dunklen Farben sind diese Bereiche:

Seit einiger Zeit ist das eBay Logo ein transparentes gif (davor hatte es einen weißen Hintergrund). So ganz geklappt hat das mit dem ausschneiden allerdings nicht - auf schwarz sieht es "unordentlich" aus - während es bei helleren Tönen nicht auffällt.

Links und Texte sind sehr schwer lesbar - der Text oberhalb der Artikelliste hat schwarze Schrift - der ist hier ganz verschwunden.

Auch hellere Töne können problematisch sein wenn es sich um Hintergrundbilder mit lebhaften Strukturen handelt oder gar noch um animierte gif.

Die Probleme lassen sich mit weiteren Schritten reduzieren - dazu sind dann allerdings recht fundierte Kenntnisse erforderlich - das würde hier den Rahmen sprengen.

Erstmal genug Warnungen - im Prinzip wollt ihr mit dem Shop ja auch verkaufen und nicht Kunden vergraulen - also solltet ihr auf jeden Fall sorgfältig testen.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 11 von 19

So geht es

Hintergrundfarbe - im Prinzip wie auf den Angebotsseiten. Da eBay aber für den body die Hintergrundfarbe weiß definiert hat muß hier noch das !important hinzugefügt werden

<style type="text/css">

body {background-color:#xxxxxx !important;} /*Farbnummer eintragen*/

</style>

Wenn ihr Bedenken habt die eBay Festlegung zu überschreiben, dann erstellt ein einfarbiges gif und fügt es wie andere Hintergrundbilder so ein:

<style type="text/css">body {background-image:url(http://domain/ordner/datei.gif)} /*Bildadresse im Netz*/</style>

Dieser Hintergrundcode wird zusammen mit dem Quelltext der Kopfzeile eingefügt. Wenn ihr dort ebenfalls ein stylesheet verwendet dann nur das was zwischen den style tags steht dort hinzufügen.

Saisondekoration im Shop

Kurzfristige Saisondeko kann auch unter "Abwesenheitseinstellungen" eingefügt werden (auch wenn diese eigentlich wie der Name sagt für etwas anderes gedacht ist)

Dazu dort einstellen:

• Abwesenheitsnotiz aktivieren • Abwesenheitsnotiz auf meinen Shop-Seiten anzeigen • Persönliche Abwesenheitsnotiz (bitte Text oder HTML-Code eingeben):

Die "persönliche Abwesenheitsnotiz" ist in diesem Fall der Festtagsgruß mit dem zusammen ein Hintergrundbild für die Seite eingebaut wird (es geht auch ohne weiteren Text) - Quelltext in "Geben sie selbst HTML-Code ein". Es gibt zahlreiche im Netz - und darunter auch viele die etwas dezenter sind und sich für einen Shop eignen.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 12 von 19

Eigene Navigation auf den eBay-Shopseiten

Die reinen Textlinks in der Navigation zu den Kategorien sind nicht unbedingt eine beeindruckende Gestaltung - deshalb ist häufiger die Frage wie sie angepasst und eine eigene Navigation erstellt werden kann.

Dies ist ohne weiteres möglich - allerdings ein Hinweis vorweg: Die Anzeige der Kategorien ist bei eBay über ein Script gesteuert und mit dem wird auch die Anzeige der Artikelanzahl in der jeweiligen Kategorie gesteuert und leere Kategorien werden ausgeblendet.

Mit einer eigenen Navigation ist diese Funktionalität nicht möglich. Deshalb sollte man eine eigene Navi nur einsetzen wenn alle Kategorien regelmäßig auch Artikel enthalten damit Kunden nicht leere Kategorien aufrufen. Der Frust darüber würde durch ein schönes Design nicht aufgehoben. (Lösung für zeitweise leere wäre natürlich sie von Hand zu deaktivieren)

Zweite Begrenzung ist der verfügbare Speicherplatz für eine eigene Navi - je nach Anzahl der Kategorien (und Unterkategorien) und nach Art der Navi ist man mit den möglichen 10kb Quelltextgröße schnell an der Grenze. Für CSS Navigationen ist deshalb ein externes stylesheet dringend zu empfehlen.

So funktioniert es

Eine eigene Navigation wird in eine sogenannte "Promotionbox" eingefügt.

Hier im Bild sind dies Nummer 3+4 (können beide benutzt werden). eBay-Infos dazu Unterhalb der linken Navigationsleiste: In diesem Bereich können zwei Promotion-Boxen untereinander angezeigt werden.

Die hier platzierten Promotion-Boxen erscheinen auf allen Seiten, die über eine linke Navigationsleiste verfügen. Breite: 170 Pixel, Höhe: beliebig.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 13 von 19

In der Shopverwaltung erstellt man dazu eine neue Promotionbox mit den obenstehenden Einstellungen

Optional könnte man noch eine (Standard-)Titelleiste wählen - aber das will man für eine eigene Navigation meist nicht.

Nach der Auswahl erscheint der übliche Editor in den der Quelltext eingegeben werden kann (HTML-Tab) - die richtigen Links zu den Kategorien kann man sich in der Shop Verwaltung durch den "HTML-Editor" erstellen lassen oder selbst erstellen.

Sinnvoll ist hier die Links mit Kategorienummern zu wählen damit bei einer eventuellen Namensänderung der Kategorie der Link noch funktioniert.

Nach dem Speichern erscheint die neue Promobox in der Übersicht:

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 14 von 19

Deine eigene Navigation ist jetzt zusätzlich zu der eBay Navigation im Shop vorhanden - die mußt du nun noch abschalten.

Unter

>>Shop-Design >> Shop-Einstellungen >> Shop-Thema und -Darstellung >> Einstellungen für die linke Navigationsleiste >> Ändern

findest du die nebenstehenden Optionen.

Mindestens eins der Elemente muß erhalten bleiben - sonst wird die ganze Navileiste und auch deine Promobox abgeschaltet.

Dazu eignet sich das Suchfeld am besten

Alle anderen Checkboxen deaktivieren.

Deine eigene Navigation erscheint dann auf allen Shopseiten unter dem Suchfeld.

Beispiele für CSS Navigationen findest du z.B. hier:

css-menü.deList-O-Matic - ein online Generator mit einigen Designs

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 15 von 19

Kategorielinks findenWenn der Shop neu ist und noch keine Artikel enthält dann kann man den Link zu den Kategorien nicht aus dem Shop kopieren. In der Shopverwaltung findest du aber den sogenannten "HTML Editor" - der erstellt verschiedne Arten von Links - auch die für einen einfachen Textlink zu den Kategorien die du für deine Navigation brauchst.

In einer eigenen Navigation könntest du auch zusätzlich zu bestimmten Suchen im Shop verlinken, die "quer" zu deinen Kategorien liegen. (Beispiel Kleidung: Kategorien nach Hersteller - Suchlinks nach Größe oder Farbe)

Weiterführende Tipps

1. Sollte der Quelltext der Navi nicht in die Promobox passen kann man ihn auch aufteilen und die zweite Box zusätzlich nutzen.Vorher aber Möglichkeiten nutzen ihn zu komprimieren - lange Links kann man z.B. mit TinyURL - (auch als FF Erweiterung) kürzen.

2. Wenn du das eine eBay-Element auch noch loswerden willst, dann mußt du in die Promobox ein relativ positioniertes Element packen (mit ausreichend Höhe falls mal kein Artikel in der Kategorie ist damit der untere ebay Bereich nicht von der Navi überdeckt wird) und erst da rein die eigentliche Navi - absolut positioniert mit negativem Abstand nach oben.Maße dafür unbedingt in em - sonst guckt das ebay Zeugs wieder raus wenn größere Schrift eingestellt ist.

3. Wenn man die Vorteile des eBay-scripts (Artikelanzeige) nutzen möchte kann man dennoch die Navigation etwas anpassen. Ebay hat für die Navi neuerdings ein paar id vergeben - einfach mal in die css schauen - die lassen sich auch in einem eigenen stylesheet ansprechen.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 16 von 19

Persönliche Seiten und Startseite erstellenDie Startseite des Shops ist zunächst nichts anderes als eine "persönliche Seite"zur Startseite wird sie erst ganz zum Schluß

Persönliche Seite erstellen

Dazu in der Shopverwaltung auf "persönliche Seiten" gehen. Wenn schon eine oder mehrere vorhanden sind werden sie hier in der Auswahlbox angezeigt. Die mögliche Anzahl persönlicher Seiten hängt vom Shopabo ab. (5 Seiten / 10 Seiten / 15 Seiten)

Hier "Neue Seite erstellen"

Schritt 1 - Layout auswählen

Es stehen vier Arten von Layout zur Verfügung (wobei "Fragen und Antworten" wohl eher selten für eine Startseite in Frage kommt):

Für eine Seite die komplett mit eigenem Quelltext erstellt wurde dies "1 Textabschnitt/HTML" wählen.

Bitte beachten, daß trotz einer "ganzen Seite" auch hier das HTML Grundgerüst nicht auf die Seite gehört.

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 17 von 19

Die zweite Art von Layout sind vorgefertigte Anordnungen von Text und Bildern. Sie können vor allem für Anfänger interessant sein, die keine eigene Seite erstellen wollen.

Dies gilt auch für die Variante in der statt Bildern Schaufenster

für aktuelle Artikel angezeigt werden.

Die dritte Art von Layout folgt im zweiten Abschnitt.

Schritt 2: Inhalt einfügen

Vorbereiteten Quelltext einfügen - und die Option für die linke Navigation auswählen.

Wenn die eigene Seite die Links zu den Kategorien in eigener Gestaltung bereits enthält könnt ihr diese Option zum ausblenden nutzen.

Seite fertigstellen und speichern

Spezial - Layout mit ArtikellisteZwei der angebotenen Layouts enthalten eine "Artikelliste" und zusätzlich Text/HTML Abschnitt und Promotion Box.

Auf den ersten Blick sehen sie aus wie eine vergrößerte Kopfzeile über der eigentlichen Artikelliste.

Die Artikelliste kann sich jedoch von der üblichen Anzeige im Shop unterscheiden es ist eine "Artikelanzeigeform, mit der Sie eine größere Zahl von Artikel präsentieren können. Die Artikel werden anhand der von Ihnen festgelegten Suchkriterien (Suchbegriffe, Preisbereich usw.) automatisch ausgewählt. Artikel aus beendeten

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 18 von 19

Angeboten werden sofort durch andere Artikel ersetzt, die den Kriterien entsprechen."

Anders als in der "normalen" Artikelsortierung im Shop kann für diese Artikelliste auf der Startseite in den Optionen ausgewählt werden, daß nur Shop-Artikel angezeigt werden - die gleichzeitig laufenden Auktionen und normalen Festpreisangebote werden dann nicht angezeigt - eine interessante Option für alle, die gern ihre nur ihre Shopartikel angezeigt haben möchten wenn schon ein Besucher den Shop gefunden und aufgerufen hat.

In der Hilfe dazu heißt es außerdem: "Im Gegensatz zum Schaufenster (das bis zu vier Artikel gleichzeitig enthält), werden in der Artikelliste alle Artikel aufgeführt, die zurzeit den Kriterien entsprechen. Wenn die Liste mehr als 30 Artikel enthält, werden die Artikel über mehrere Seiten verteilt angezeigt (30 Artikel pro Seite)."

Ich konnte diese Option leider nicht selbst testen - aber nach dem Text müßte es bei relativ wenigen Kategorien und/oder viel persönlichen Seiten im Abo auch möglich sein für die Kategorien eigene "Startseiten" festzulegen und die linke Navi ganz durch eigene Links zu diesen Kategorieseiten zu ersetzen, die dann auch wieder nur Shopartikel enthalten.

Sollte jemand das probieren wäre ich dankbar wenn ich erfahren würde ob es klappt - würde ich dann hier ergänzen, da die Frage doch öfter mal auftaucht.

Startseite festlegenUm die Seite als Startseite festzulegen wieder in der Shopverwaltung auf persönliche Seiten verwalten gehen - die neue persönliche Seite sollte jetzt in der Auswahlbox unten erscheinen

und kann als Startseite für den Shop festgelegt werden.

Fertig ;-)

Shopgestaltung bei eBay - terrenal – Björke Richters 17.10.06 - 19 von 19

mich-SeiteWenn du einen Shop hast, dann gilt die "mich-Seite" auch als persönliche Seite. Als "Informationen über den Verkäufer" wird sie als Link zu Shop-Seiten mit aufgeführt.

Erstellt wird sie aber weiterhin nicht über die Shopverwaltung sondern über den normalen Link "Um Ihre Mich-Seite einzurichten, klicken Sie bitte hier".

Sie ist die einzige Seite auf der externe Links erlaubt sind - zu deiner Homepage und (mit Bedingungen) zu deinem Onlinshop in dem du keine eBay Gebühren bezahlen mußt.

Für die mich sind auch weitere Gestaltungsmöglichkeiten vorhanden - hier kannst du den eBay Kopf komplett abschalten und die Seite frei gestalten. Mehr dazu bei aconcagua

Als Ablageplatz für technische Infos also viel zu schade - dazu erstellst du besser eine persönliche Seite mit AGB (wenn du welche hast) Versandkosten usw.

Impressum - HaftungText und Screenshots dieser Anleitung habe ich erstellt in der Hoffnung, daß sie nützlich sind. Eine weitergehende Haftung übernehme ich nicht – insbesondere nicht dafür, daß die Tipps den (sich ändernden) Richtlinien von eBay entsprechen.

Der Name Ebay wird hier nur als Bezeichnung der Plattform verwendet – die Rechte an dem Namen hat nur ebay selbst - eine Beziehung zu ebay besteht nicht.

Björke Richters | Schierelberg 3 | 49406 Drentwede | E-Mail: [email protected]

Telefon: 04246 96 43 26 – skype: terrenal

Zum Schluß

Diese Seiten haben eine Menge Arbeit gemacht und auch richtig Geld gekostet für die Shop-Miete bei eBay (in dem ich nicht verkaufe). Wenn dies alles für euch nützlich und zeitsparend ist, würde ich mich deshalb freuen wenn ihr euch mit einem Beitrag revanchiert. Spenden sind schnell möglich mit PayPal an [email protected] (wer PayPal nicht mag kann aber auch meine Kontonummer haben ;-))

Solltet ihr trotz Tipps und Anleitungen nicht recht vorwärtskommen mache ich euch auch gern ein Angebot für die Angebots- und Shopgestaltung(oder Teilleistungen wie Korrektur/Überarbeitung eures Designs, Umsetzung eines grafischen Layouts in HTML und CSS usw.) - selbstverständlich mit ordentlicher Rechnung.

Schreibt mir an ==> eMail : [email protected] oder ruft einfach an.