Zum Hauptinhalt springen

Webstore-Design per CSS-Code anpassen

Nutzen Sie ein Chrome-Plug-in, um das Erscheinungsbild Ihres eBay-Webstores per CSS-Code zu ändern.

Verfasst von Tony Adams

Kann ich Farben und Design meines Webstores anpassen?

  • Auf jeden Fall! Einen eigenen Editor dafür bieten wir aktuell zwar nicht an, aber es gibt einen super einfachen Weg, genau das Aussehen und den Stil zu bekommen, den Sie für Ihren Webstore möchten:


Schritt 1 - Editor-Plug-in herunterladen

Schritt 1 - Editor-Plug-in herunterladen (Screenshot 1)

Schritt 2 - Gehen Sie zu Ihrem Webstore

  • Gehen Sie zu Ihrem Webstore und öffnen Sie das StyleBot-Plug-in

(klicken Sie auf die neue Chrome-Erweiterungsschaltfläche „CSS“)

Schritt 2 - Gehen Sie zu Ihrem Webstore (Screenshot 2)

Schritt 3 - Wählen Sie ein „Element“ zum Bearbeiten aus

Hinweis: Jeder Teil Ihres Webstores wird als „Element“ bezeichnet

  • Klicken Sie auf die Schaltfläche „Select an element“ und dann auf ein Element Ihres Webstores

Schritt 3 - Wählen Sie ein „Element“ zum Bearbeiten aus (Screenshot 3)

Schritt 4 - Bearbeiten Sie die Stile Ihrer Webstore-Elemente

  • Nutzen Sie die benutzerfreundliche Oberfläche, um das Aussehen Ihres Webstores zu bearbeiten:

Schritt 4 - Bearbeiten Sie die Stile Ihrer Webstore-Elemente (Screenshot 4)

Schritt 5 - Code kopieren

  • a) klicken Sie unten im Editor auf „Edit CSS“

Schritt 5 - Code kopieren (Screenshot 5)
  • b) Markieren & kopieren Sie den Code:

Schritt 5 - Code kopieren (Screenshot 6)

Schritt 6 - Code in Ihrem Webstore einfügen:

Gehen Sie zu Ihren Webstore-Einstellungen und scrollen Sie nach unten zum Bereich „Head code“.

  • a) Geben Sie diese beiden HTML-Tags ein, die man „Style-Tags“ nennt

<style>

</style>
Schritt 6 - Code in Ihrem Webstore einfügen: (Screenshot 7)
  • b) Fügen Sie Ihren Website-Code zwischen die Style-Tags ein:

Schritt 6 - Code in Ihrem Webstore einfügen: (Screenshot 8)


Hat dies deine Frage beantwortet?