Ansicht gestalten (neue Artikel-UI)

Diese Seite beschäftigt sich mit der Detailansicht eines Produkts im Backend und erläutert das grundsätzliche Bedienkonzept. Du lernst, wie du die Produktansicht so anpasst, dass sie nur die für dein Unternehmen relevanten Datenfelder enthält.

Hast du Admin-Rechte?

Nur Admin-Nutzer können Ansichten erstellen und bearbeiten. Falls du kein Admin bist:

  1. Wende dich an eine Person mit Admin-Rechten.

  2. Bitte sie, die erforderlichen Ansichten zu erstellen und sie deinem Benutzerkonto zuzuweisen.

1. Neue Ansicht erstellen

  1. Klicke auf die Liste der Ansichten ().

  2. Klicke auf Neue Ansicht erstellen …​.

  3. Gib einen Namen ein.

  4. Klicke auf Ansicht erstellen.
    → Die neue Ansicht wird erstellt und automatisch geöffnet, d.h. sie wird angewendet. Es ist jetzt möglich, zwischen den Ansichten zu wechseln.

detailansicht neue ansicht

2. Ein Raster erstellen

  1. Klicke auf Ansicht bearbeiten ().

  2. Füge Zeilen und Spalten hinzu, um ein Raster zu erstellen.

    1. Klicke auf und dann auf Zeile hinzufügen.

    2. Klicke auf Spalte hinzufügen ().

    3. Ziehe die Spalten, um sie größer oder kleiner zu machen.

detailansicht raster erstellen

3. Elemente platzieren

  1. Füge Elemente per Drag & Drop hinzu.

  2. Klicke auf und passe die Einstellungen für das Element an.

    1. Ändere den Namen.

    2. Entscheide, welche Datenfelder das Element enthalten soll.

    3. Lege die Reihenfolge der Datenfelder per Drag & Drop fest.

  3. Klicke auf

detailansicht elemente
Symbol Erläuterung

Führt eine Ebene tiefer.

delete

Löscht das Element.

Führt eine Ebene höher.
Kann ich Elemente mehrfach hinzufügen?

Die Zahl im grauen Kreis gibt an, wie oft du das Element verwenden kannst.

  • Die meisten Elemente können nur einmal hinzugefügt werden.

  • Das Element Eigenes Portlet kann beliebig oft hinzugefügt werden. Die einzelnen Datenfelder innerhalb des Portlets können jedoch nicht mehrfach hinzugefügt werden. Weitere Informationen findest du im Anwendungsbeispiel.

4. Werkzeugleiste

Die Werkzeugleisten der Artikel- und Variantenansicht sind konfigurierbar. Du kannst also selbst bestimmen, welche Informationen und Buttons sie enthalten.

  1. Klicke auf oben rechts. Dadurch öffnest du den Bearbeitungsmodus.

  2. Füge das Element Werkzeugleiste per Drag & Drop hinzu. Positioniere es ganz oben in der Ansicht.

  3. Bewege den Mauszeiger über das Element Werkzeugleiste und klicke auf , um die Einstellungen aufzurufen.

  4. Füge die Buttons und Informationen, die in der Werkzeugleiste erscheinen sollen, per Drag & Drop hinzu.
    Tipp: Der Speichern-Button und die Produktinformation können noch weiter konfiguriert werden (). Siehe die Tabelle.

  5. Speichere () die Ansicht.

Einstellung Erläuterung

Speichern

Sobald ein Nutzer auf den Speichern-Button klickt, erscheint standardmäßig ein Pop-up-Fenster, in dem er seine Änderungen bestätigen muss. Du kannst das Pop-up-Fenster deaktivieren, wenn die Änderungen direkt, d.h. ohne zusätzliche Bestätigung, gespeichert werden sollen.

  1. Öffne den Bearbeitungsmodus () und navigiere zu den Einstellungen des Speichern-Buttons ().

  2. Finde die Einstellung Änderungen vor dem Speichern anzeigen.

    = Nutzer müssen ihre Änderungen noch einmal bestätigen.

    = Nutzer müssen ihre Änderungen nicht bestätigen.

  3. Speichere () die Ansicht.

Informationen

Du kannst entscheiden, welche Informationen in die Werkzeugleiste angezeigt werden sollen.

  1. Öffne den Bearbeitungsmodus () und navigiere zu den Einstellungen des Informationen-Elements ().

  2. Aktiviere die Informationen (), die in der Werkzeugleiste angezeigt werden sollen.

  3. Speichere () die Ansicht.

5. Eigene Portlets

Das eigene Portlet unterscheidet sich von den vorgefertigten Portlets in zwei wichtigen Punkten. Das eigene Portlet:

  • kann beliebig oft hinzugefügt werden.

  • enthält alle Datenfelder und nicht nur eine Teilmenge, wie es bei den vorgefertigten Portlets der Fall ist.

Dank eigener Portlets bist du also nicht auf die vorgefertigten Einstellungen angewiesen. Stattdessen kannst du selbst entscheiden, welche Einstellungen ein Portlet enthalten soll.

Beispiel: Stell dir vor, du bist mit der Standardanordnung der globalen Einstellungen nicht zufrieden. Du würdest lieber die Herstellereinstellungen und die Zustände separat gruppieren. Ein solches Szenario kann mit eigenen Portlets realisiert werden.

  1. Füge beliebig viele eigene Portlets hinzu.

  2. Gib den Portlets aussagekräftige Namen.

  3. Füge die passenden Artikeldatenfelder zu den Portlets hinzu.

detailansicht eigene portlets

6. Eigene Texte, Farben und Pflichtfelder

Es ist möglich, das Design eines ganzen Elements anzupassen oder das Design eines einzelnen Datenfelds.

Element-Ebene

Du hast folgende Anpassungsmöglichkeiten auf der Element-Ebene:

gestaltung ebene element
Einstellung Erläuterung

Name

Gibt dem Element einen eigenen Namen. Dies ist nützlich, wenn du z.B. mit eigenen Portlets arbeitest oder wenn du den vordefinierten Namen nicht spezifisch genug findest.

Eigener Text

Fügt dem Element Fließtext oder eine Überschrift hinzu.

  • p = Steht für Paragraph (Absatz). Wähle diese Option, wenn du Fließtext hinzufügen möchtest.

  • h1 - h6 = Steht für Heading (Überschrift). Überschrift 1 ist dabei am größten und Überschrift 6 ist am kleinsten.

Eigene Anmerkung

Fügt dem Element einen farbigen Hinweistext hinzu.
Datenfeld-Ebene

Du hast folgende Anpassungsmöglichkeiten auf der Datenfeld-Ebene:

gestaltung ebene datenfeld
Einstellung Erläuterung

Name des Elements

Gibt dem Datenfeld einen eigenen Namen. Dies ist nützlich, wenn du z.B. den vordefinierten Namen nicht spezifisch genug findest.

Hinweis anzeigen

Fügt dem Datenfeld einen Hinweistext hinzu. Der Text wird unterhalb des Datenfeldes und in kleinerer Schrift angezeigt.

Pflichtfeld

Verwandelt das Datenfeld in ein Pflichtfeld. Das heißt, dass:

  • das Datenfeld mit einem Sternchen versehen wird.

  • das Datenfeld rot unterstrichen wird, falls es leer ist.

  • es nicht möglich sein wird, das Datenfeld ohne Inhalt zu speichern.

Dies ist z.B. nützlich, wenn du deine Mitarbeiter verpflichten willst, bestimmte Informationen einzugeben.

Nicht editierbar

Ändert das Datenfeld so, dass es nicht mehr bearbeitet werden kann. Dies ist z.B. nützlich, wenn deine Mitarbeiter bestimmte Informationen zwar sehen, aber nicht ändern können sollen.

7. Eigene Tabellenspalten, Sortierung und Ausklappen/Einklappen

Tabellenspalten

Manche Elemente können individuell angepasst werden. Du kannst zum Beispiel selbst entscheiden, welche Spalten in einer Tabelle angezeigt werden sollen.

  1. Klicke auf oben rechts. Dadurch öffnest du den Bearbeitungsmodus.

  2. Bewege den Mauszeiger über ein Element und klicke auf , um die Einstellungen aufzurufen.

  3. Öffne die Dropdown-Liste Tabellenspalten und wähle die Spalten (), die in der Tabelle angezeigt werden sollen.

  4. Speichere () die Ansicht.

Standard-Sortierung

Manche Elemente können individuell angepasst werden. Du kannst zum Beispiel selbst entscheiden, wie die Informationen in einer Tabelle standardmäßig sortiert werden sollen, etwa in alphabetischer Reihenfolge.

  1. Klicke auf oben rechts. Dadurch öffnest du den Bearbeitungsmodus.

  2. Bewege den Mauszeiger über ein Element und klicke auf , um die Einstellungen aufzurufen.

  3. Entscheide, wie die Spalten standardmäßig sortiert werden sollen.

  4. Speichere () die Ansicht.

Gezeigte Einstellungen können leicht abweichen

Die Tabelle enthält weitere Informationen zu den Sortiereinstellungen eines Elements. Je nachdem, welches Element du öffnest, können die gezeigten Sortiereinstellungen leicht abweichen.
Einstellung Erläuterung

Neue Verknüpfungen immer oben anzeigen

Wähle diese Option (), wenn neu verknüpfte Daten zunächst in der ersten Zeile der Tabelle angezeigt werden sollen. Dadurch werden die neuen Daten stärker hervorgehoben. Sobald du die Änderungen an der Variante gespeichert hast, werden die Daten an der richtigen Stelle in der Tabelle einsortiert.

Tabelle Sortiereinstellungen

Diese Einstellung steuert, in welcher Reihenfolge die Daten in der Tabelle angezeigt werden.

  1. Sortieren nach: Wähle das Sortierkriterium.

  2. Sortierung: Wähle aufsteigende oder absteigende Reihenfolge.

Picker Sortiereinstellungen

Diese Einstellung steuert, in welcher Reihenfolge die Daten beim Verknüpfen angezeigt werden.

Beispiel - Verkaufspreise: Wenn du eine Variante öffnest und auf Verkaufspreise hinzufügen () klickst, dann steuert diese Einstellung, in welcher Reihenfolge die Verkaufspreise in der Dropdown-Liste angezeigt werden.

  1. Sortieren nach: Wähle das Sortierkriterium.

  2. Sortierung: Wähle aufsteigende oder absteigende Reihenfolge.
Elemente standardmäßig ein- oder ausklappen

Manche Elemente können individuell angepasst werden. Du kannst zum Beispiel selbst entscheiden, welche Elemente standardmäßig ein- oder ausgeklappt sein sollen.

  1. Klicke auf oben rechts. Dadurch öffnest du den Bearbeitungsmodus.

  2. Bewege den Mauszeiger über ein Element und klicke auf , um die Einstellungen aufzurufen.

  3. Aktiviere oder deaktiviere die Option Ausgeklappt. Diese Option steuert, ob das Element standardmäßig ein- oder ausgeklappt sein soll.

  4. Speichere () die Ansicht.

8. Bearbeitung abschließen

  1. Speichere die Ansicht () und schließe den Bearbeitungsmodus ().

  2. Prüfe das Ergebnis im Hauptfenster.

  3. Falls erforderlich:

    1. Klicke nochmal auf Ansicht bearbeiten () und passe die Ansicht weiter an.

    2. Erlaube anderen Benutzern, die Ansicht zu sehen.

bearbeitung abschliessen

8.1. Funktionen im Bearbeitungsmodus

Symbol Erläuterung

undo

Macht die letzte Änderung rückgängig, soweit die betreffende Änderung noch nicht gespeichert wurde.

redo

Stellt eine rückgängig gemachte Änderung wieder her.

Eine Liste der Ansichten. Der Name der aktuell geöffneten Ansicht wird angezeigt. Klicke auf , um zu einer anderen Ansicht zu wechseln oder eine neue Ansicht zu erstellen.

Setzt die Ansicht auf den Stand zurück, der beim letzten Speichern vorhanden war.

Speichert die Änderungen, die an der Ansicht vorgenommenen wurden.

Schließt den Bearbeitungsmodus. Falls nicht gespeicherte Änderungen vorhanden sind, wird eine Sicherheitsabfrage angezeigt.

8.2. Rechtevergabe

Welche Benutzerrollen sollen die Ansicht sehen dürfen? Du kannst den Zugriff auf jede Ansicht einzeln gewähren bzw. einschränken.

  1. Klicke auf Ansicht bearbeiten ().

  2. Klicke auf Rechteverwaltung.
    → Das Menü Einrichtung » Kontoverwaltung » Rollen öffnet sich in einem neuen Tab.

  3. Suche () und öffne die betreffende Benutzerrolle.

  4. Klicke auf Rollendefinierte Ansichten.

  5. Erweitere die Listeneinträge () und wähle die Ansichten (), auf die die Benutzerrolle Zugriff haben soll.

  6. Speichere () die Einstellungen.

Weitere Informationen zu Benutzerkonten und Zugriffsrechten.

9. Praxisbeispiele

Eigenschaften

Das Eigenschaften-Element kann beliebig oft hinzugefügt werden. Eine mögliche Anwendung ist, jeden Eigenschaftstyp als ein eigenes Portlet darzustellen.

  1. Füge die Elemente Eigenschaften und Texteigenschaften so oft wie nötig hinzu.

  2. Öffne die Einstellungen des Portlets ().

  3. Passe die Einstellungen wie gewünscht an.

  4. Speichere () die Ansicht.

eigenschaften typ trennen
Einstellung Erläuterung

Name

Gib dem Portlet einen aussagekräftigen Namen.

Tabellenspalten

Entscheide, welche Informationen angezeigt werden sollen.

Typen

Entscheide, welche Eigenschaftstypen das Portlet enthalten soll.

1. Sprache;
2. Sprache

Nur bei Texteigenschaften. Entscheide, welche Sprache auf der linken und rechten Seite angezeigt werden soll.
Texte

Standardmäßig ist der Textbereich eine zweisprachige Ansicht mit Deutsch und Englisch. Du kannst den Bereich jedoch anpassen, wenn du andere Sprachen benötigst oder sie in einer anderen Reihenfolge anzeigen möchtest. Beispielsweise könntest du eine einsprachige Ansicht erstellen. Oder du könntest andere Sprachen wählen und somit eine individuelle Übersetzungsansicht einrichten.

  1. Füge das Element Übersetzung Panel so oft wie nötig hinzu.

  2. Öffne die Einstellungen des Portlets ().

  3. Klicke auf Sprachen konfigurieren.

  4. Welche Sprachen sollen zusammen angezeigt werden? Wähle eine oder mehrere Sprachen aus ().

  5. Welche Sprache soll als erste, zweite, dritte usw. angezeigt werden?

    1. Bewege deinen Mauszeiger über eine Sprache mit dem Symbol drag_indicator.
      → Dein Mauszeiger ändert seine Form ().

    2. Ziehe die Sprache an die gewünschte Stelle.

  6. Speichere () die Ansicht.

texte multilinguale ansicht
Stell dir vor, deine Produkttexte werden vom Deutschen ins Englische, Französische, Spanische und Italienische übersetzt. Die Ansicht wäre ziemlich überladen, wenn du alle Sprachen zusammen anzeigen würdest. Wähle stattdessen nur das erste Sprachpaar aus, z.B. Deutsch und Englisch. Füge dann das Übersetzungspanel ein zweites Mal hinzu und wähle das nächste Sprachpaar, z.B. Deutsch und Französisch. Wiederhole den Vorgang so oft wie nötig. Die Übersetzungspanels werden untereinander angezeigt und können bei Bedarf ein- und ausgeklappt werden ().
Optionale Artikelfilter

Manche Filter im Menü Artikel sind automatisch deaktiviert und werden nicht automatisch angezeigt. Dieser Filter kannst du in einer eigenen Ansicht aktivieren. Gehe wie folgt vor, um optionale Filter zu aktivieren:

  1. Öffne das Menü Artikel » Artikel

  2. Wähle die Ansicht aus, in der du die Filter aktivieren willst oder erstelle eine neue Ansicht.

  3. Klicke auf Ansicht bearbeiten ().
    → Der Bearbeitungsmodus öffnet sich.

  4. Hovere mit dem Mauszeiger auf dem mittleren Element, dass die Tabelle der Suchergebnisse repräsentiert.

  5. Klicke auf Bearbeiten (edit) in der oberen rechten Ecke des Elements.
    → Es öffnet sich der Bereich Filter an der Seite.

  6. Scrolle im Bereich Filter nach unten.

  7. Wähle die Filter aus, die dir in der Filterauswahl im Menü Artikel » Artikel angezeigt werden sollen.

  8. Speichere (save) deine Einstellungen.

10. Fragen und Antworten

Ich sehe keine Dropdown-Liste mit Ansichten oben rechts. Warum nicht?

Hast du bereits einen Artikeldatensatz geöffnet? Die Dropdown-Liste mit Ansichten (Standardansicht und eigene Ansichten) ist nicht in der Übersicht zu sehen. Sie erscheint erst, nachdem du einen Artikeldatensatz geöffnet hast.

standardansicht
Ich kann keine neue Ansicht erstellen. Warum nicht?

Hast du Admin-Rechte? Nur Admin-Nutzer können Ansichten erstellen und bearbeiten. Falls du kein Admin bist:

  1. Wende dich an eine Person mit Admin-Rechten.

  2. Bitte sie, die erforderlichen Ansichten zu erstellen und sie deinem Benutzerkonto zuzuweisen.

Meine Ansicht ist leer. Was mache ich falsch?

Hast du bereits eine Ansicht erstellt? Die Ansicht steuert, welche Produktinformationen angezeigt werden und wie sie angeordnet sind. Du kannst also deine Artikel- oder Variantenbearbeitungsseite so aufbauen, wie es für dich am angenehmsten ist. Falls du noch keine Ansicht erstellt hast oder die Ansicht noch leer ist, dann siehst du auch keine Informationen.

Kann ich Elemente mehrfach per Drag & Drop hinzufügen?

Die Zahl im grauen Kreis gibt an, wie oft du ein Element verwenden kannst.

  • Die meisten Elemente können nur einmal hinzugefügt werden.

  • Das Element Eigenes Portlet kann beliebig oft hinzugefügt werden. Die einzelnen Datenfelder innerhalb des Portlets können jedoch nicht mehrfach hinzugefügt werden. Weitere Informationen findest du im Anwendungsbeispiel.

Kann ich Ansichten importieren und exportieren?

Noch nicht. Eine Import-/Exportfunktion ist für die Zukunft geplant. Allerdings können wir noch nicht abschätzen, wann sie fertig sein wird.