eBays Änderungen bei HTML Produktbeschreibungen – Trixum (DE)

eBay hat vor kurzem drastische Änderungen eingeführt, was die Nutzung von HTML bei den Produktbeschreibungen angeht.

Früher konnten hier übliche Techniken genutzt werden, die die Formatierung von Produktbeschreibungen erleichtern.

Diese hat eBay jetzt offenbar stark beschnitten.

Hier ein Beispiel.

Früher konnte man HTML-Code wie diesen in den Editor einfügen:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Styled HTML Example</title>
<style>
.highlight {
color: white;
background-color: #007BFF;
padding: 10px;
border-radius: 5px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1 class="highlight">Welcome to My Simple Page</h1>
<p>This is a paragraph without styling.</p>
<p class="highlight">This paragraph uses the "highlight" class.</p>
</body>
</html>

Das sollte der Browser dann eigentlich wie folgt darstellen:

Stattdessen stellt eBay das nunmehr wie folgt dar:

eBay hat den HTML Code stark beschnitten, was man auch in dem Editor sehen kann, wenn man einmal den HTML-Modus verlässt und wieder hierhin zurückwechselt:

<style>
.highlight {
color: white;
background-color: #007BFF;
padding: 10px;
border-radius: 5px;
font-family: Arial, sans-serif;
}
</style>
<h1>Welcome to My Simple Page</h1>
<p>This is a paragraph without styling.</p>
<p>This paragraph uses the "highlight" class.</p>

Man erkennt u.a.: Alle Klassen werden wurden entfernt z.B. class="highlight" in der Überschrift.

Auch das Einbinden von externen Stylesheets ist nicht mehr möglich.

Von beiden Techniken hat Trixum hier Gebrauch gemacht.

Nutzung von sog. "Inline-Styles"

eBay scheint stattdessen nur noch sog. inline-styling zu unterstützen. Denn der folgende Code wird korrekt dargestellt:

<h1 style="color: white; background-color: #007BFF; padding: 10px; border-radius: 5px; font-family: Arial, sans-serif;">
Willkommen bei meiner Auktion
</h1>
<p>Das ist ein Absatz ohne Stile.</p>
<p style="color: white; background-color: #007BFF; padding: 10px; border-radius: 5px; font-family: Arial, sans-serif;">
Auch dieser Absatz nutzt den Stil mit blauer Hintergrundfarbe.
</p>

Dieser Code sieht bei eBay dann schon besser aus:

Wir stellen daher unser neues Auktionstemplate auf diese "Inline-Styles" um. Das ist leider sehr aufwändig und nicht alles lässt sich über Inline-Styles darstellen, daher dauert es noch ein wenig.

Was immer noch gut funktioniert sind die "einfachen" Bild-Einbindungen:

Diesen Code sollten Sie weiter Bedenkenlos verwenden können.

Nutzung von sog. "Inline-Styles"

Verwandte Beiträge