Hallo zusammen,
ich habe mich in den letzten Tagen ein wenig mit der neuen PlentyONE Artikel-UI beschäftigt und möchte hier einen kleinen Community-Ansatz teilen, der den Umstieg auf die neue Artikelansicht erleichtern soll.
Wichtig vorab:
Das Ziel ist nicht, die alte Artikelansicht vollständig nachzubauen oder die neue UI zu umgehen. Die neue Artikel-UI bleibt technisch erhalten. Es geht vielmehr darum, bestimmte Arbeitsabläufe nutzerfreundlicher zu machen und die Orientierung für Anwender zu verbessern, die viele Jahre mit der bisherigen Artikelansicht gearbeitet haben.
Der Ansatz besteht aktuell aus einem lokalen Tampermonkey-/UserScript-Helper und ergänzendem CSS über Stylus. Damit werden an der neuen Artikelansicht einige Bedienhilfen ergänzt, ohne PlentyONE selbst zu verändern.
Was der Helper aktuell macht
1. Zusätzliche Tabs für Hauptvariante und Varianten
In der Artikelansicht werden zusätzliche Tabs eingefügt:
- Allgemein bleibt als nativer PlentyONE-Tab erhalten
- Hauptvariante wird als eigener Tab ergänzt
- Varianten wird als eigener Tab ergänzt
Dadurch ist die Trennung zwischen Artikel-Stammdaten, Hauptvariante und Variantenübersicht deutlicher. Gerade für Anwender, die aus der alten Artikelansicht kommen, fühlt sich die Struktur dadurch nachvollziehbarer an.
2. Varianten werden im Artikelkontext geöffnet
Wenn man aus einer Übersicht oder aus einem Auftrag auf eine Varianten-ID klickt, wird nicht komplett der Kontext gewechselt. Stattdessen wird der Hauptartikel geöffnet und die entsprechende Variante innerhalb des zusätzlichen Varianten-Tabs geladen.
Das hilft besonders, wenn man aus Aufträgen, Variantenlisten oder anderen Listen heraus arbeitet und schnell wieder den Zusammenhang zwischen Artikel und Variante erkennen möchte.
3. Direkte Varianten-URLs werden abgefangen
Auch direkte URLs wie:
/plenty/terra/item/item/<artikelId>/<variantenId>
können so behandelt werden, dass der Artikel geöffnet wird und die gewünschte Variante im Variantenbereich erscheint. Damit bleibt die Navigation konsistenter.
4. Variantenbild direkt sichtbar
Zusätzlich wird versucht, das Variantenbild direkt in der Variantenansicht sichtbar zu machen. Dafür wird die Bildinformation aus der vorhandenen PlentyONE-Ansicht gelesen und als kleine Vorschau im Variantenbereich angezeigt.
Der Hintergrund ist: In der neuen UI muss man teilweise erst in den Tab „Bilder“ wechseln, um das Variantenbild zu sehen. Für die tägliche Artikelpflege ist es aber hilfreich, das Bild sofort im Variantenkontext sichtbar zu haben.
5. Kompaktere Darstellung
Ein weiterer Teil des Helpers ist CSS für eine kompaktere Darstellung:
- kleinere Tabellenzeilen
- kompaktere Select-Felder
- weniger unnötige Abstände
- kompaktere Header- und Tab-Bereiche
- bessere Ausnutzung der verfügbaren Bildschirmhöhe
Gerade bei vielen Eigenschaften, Marktplatzfeldern oder Varianteninformationen reduziert das deutliches Scrollen.
6. Schließen- und Minimieren-Buttons im Artikelkopf
Zusätzlich gibt es im Artikelkopf zwei kleine Symbol-Buttons:
- Artikel minimieren und zurück zur Artikelübersicht
- Artikel schließen und zurück zur Artikelübersicht
Das soll die Navigation zwischen Artikel und Übersicht beschleunigen.
Community-/Open-Source-Gedanke
Ich sehe das Ganze ausdrücklich nicht als fertiges, abgeschlossenes Projekt, sondern eher als Community-Helper bzw. offenen Ansatz.
Die Codes können und sollen gerne von anderen Nutzern angepasst, optimiert, erweitert oder verbessert werden. Jeder arbeitet etwas anders mit der Artikelansicht, daher wäre es sinnvoll, wenn Verbesserungen, Fehlerbehebungen oder eigene Varianten hier im Thread geteilt werden könnten.
Denkbar wären zum Beispiel:
- bessere Selektoren für bestimmte PlentyONE-Bereiche
- optimierte CSS-Regeln für unterschiedliche Bildschirmgrößen
- zusätzliche Kompaktansichten
- Verbesserungen bei der Varianten-Navigation
- bessere Darstellung von Bildern oder Marktplatzfeldern
- Anpassungen für andere Workflows
Wenn mehrere Nutzer ihre Anpassungen teilen, könnte daraus nach und nach ein kleines Community-Projekt entstehen, das den Umgang mit der neuen Artikel-UI erleichtert.
Warum ich das teile
Aus meiner Sicht fällt die wohl unvermeidliche Umstellung leichter, wenn häufige Arbeitsabläufe etwas näher an der bisherigen Logik bleiben.
Gerade in Bereichen wie:
- Variantenpflege
- Auftragsbearbeitung
- Kontrolle von Marktplatz-Eigenschaften
- Bildprüfung
- schnelles Springen zwischen Artikel und Variante
kann eine kompaktere und kontextstabilere Ansicht viel Zeit sparen.
Der Helper ist deshalb eher als Übergangshilfe und Bedienverbesserung gedacht, nicht als Ersatz für die neue UI.
Screenshots
Variantenübersicht:
Variantenansicht:
Technischer Hinweis
Es handelt sich nicht um ein offizielles PlentyONE-Plugin und auch nicht um eine offizielle PlentyONE-Erweiterung, sondern um ein lokales UserScript/CSS-Setup für den Browser.
Der Helper verändert keine Daten in PlentyONE, greift nicht in Backend-Prozesse ein und ersetzt keine offiziellen PlentyONE-Funktionen. Es werden lediglich Darstellung und Navigation lokal im Browser ergänzt bzw. angepasst.
Die Nutzung erfolgt auf eigene Verantwortung. Mir ist bewusst, dass solche DOM-basierten Anpassungen von Änderungen an der PlentyONE-Oberfläche abhängig sind. Der Code ist daher eher als Community-Idee, Diskussionsgrundlage und möglicher Ausgangspunkt für weitere Verbesserungen zu verstehen.
Hinweis zur MyView
Die MyView sollte weiterhin in der regulären Artikelansicht angepasst werden. Die über den Helper eingebundenen Variantenansichten laufen teilweise in iframe-Ansichten und sind eher für die tägliche Nutzung und kompakte Anzeige gedacht.
Für Änderungen an Spalten, Portlets, Reihenfolgen oder MyView-Elementen sollte man daher die normale PlentyONE Artikelansicht verwenden.
Zurück zur regulären Artikel-UI
Da der Helper über die Chrome-Erweiterungen Tampermonkey und Stylus läuft, kann jederzeit wieder zur regulären PlentyONE Artikel-UI gewechselt werden.
Dafür müssen die entsprechenden Scripte bzw. Styles einfach in Tampermonkey und/oder Stylus deaktiviert und die PlentyONE-Seite anschließend neu geladen werden. Danach wird wieder die normale Artikelansicht ohne die zusätzlichen Anpassungen angezeigt.
Code und Anleitung:
Anleitung:
Anleitung.pdf (41,7 KB)
Dateien:
Der aktuelle Stand ist bewusst eher als Grundgerüst zu verstehen und nicht als fertige, allgemeingültige Lösung. Je nach Workflow, Bildschirmgröße, MyView-Aufbau und genutzten Bereichen kann und sollte der Code angepasst werden. Ziel ist es, eine Basis zu teilen, auf der andere Nutzer aufbauen, eigene Anpassungen vornehmen und Verbesserungen hier im Thread zurückspielen können.
Viele Grüße
Alex