Editor X: Multistatus-Boxen verwenden
4 Min. Lesezeit
Editor X wird zu Wix Studio, unserer neuen Plattform für Agenturen und Freelancer.Mehr über Wix Studio erfahren
Mit Multistatus-Boxen kannst du unterschiedliche Inhalte für verschiedene Situationen in derselben Container-Box anzeigen, wobei jeweils ein Status angezeigt wird. Wähle die Anzahl der Status, die deine Box haben soll, und gib ihnen IDs, die du später in deinem Code verwendest.
Dein Code legt fest, wann jeder Status angezeigt werden soll. Du kannst Bedingungen dafür erstellen, dass jeder Status automatisch angezeigt wird, oder die Besucher selbstständig navigieren lassen.
Bevor du loslegst:
- Da diese Funktion etwas Code erfordert, musst du den Dev-Modus (Velo by Wix (Artikel nur auf Englisch verfügbar)) aktivieren .
- Multistatus-Boxen befinden sich derzeit im Beta-Modus in Editor X. Das bedeutet, dass wir immer noch daran arbeiten, neue Funktionen hinzuzufügen und allgemeine Verbesserungen vorzunehmen.
Schritt 1 | Eine Multistatus-Box hinzufügen
Der erste Schritt ist das Hinzufügen einer Multistatus-Box direkt über das „Hinzufügen“-Panel zu deiner Website. Ziehe die Box an die gewünschte Stelle auf deiner Seite.
So geht's
.
Verwende Multistatus-Boxen innerhalb von Repeatern:
Sobald du eine Multistatus-Box zu einem Repeater hinzufügst, wird sie automatisch mit genau dem gleichen Design zu allen anderen Repeater-Elementen hinzugefügt. Dies ist nützlich für Listen mit sich wiederholenden Elementen wie FAQs oder Produktgalerien.
Schritt 2 | Status hinzufügen und gestalten
Sobald du die Box hinzugefügt hast, gestalte die Status, die sie anzeigt. Du kannst diese Status nach deinen Wünschen anpassen: Verwende sie für kleine Sticker wie Produktverfügbarkeit (z. B. „Neu“, „Ausverkauft“) oder erstelle für jeden Status ein völlig anderes Design.
Klicke auf den jeweiligen Abschnitt, um zu erfahren, wie es funktioniert:
Einen Status auswählen und gestalten
Einen Status hinzufügen
.Einen Status umbenennen
Einen Status entfernen
Status neu anordnen
nach oben oder unten, um die Reihenfolge der Status zu ändern.
Design-Tipp:
Die Status können unterschiedliche Höheneigenschaften haben, wodurch du z. B. zusätzliche Informationen anzeigen kannst. Die Breite deiner Status bleibt jedoch immer gleich.
Schritt 3 | Code im Dev-Modus hinzufügen
Der letzte Schritt, um die Multistatus-Box funktionsfähig zu machen, ist das Hinzufügen von Code, der steuert, wann jeder Status angezeigt wird.
Mit den in der Velo API verfügbaren Funktionen und Ereignissen kannst du kann Regeln für die Anzeige und Navigation durch deine Status definieren und implementieren.
Wichtig:
Achte beim Hinzufügen des entsprechenden Codes auf die korrekte Schreibweise und Großschreibung der Status-IDs.
Weiter:
Erfahre mehr über die Arbeit mit deiner Multistatus-Box und Code.
War das hilfreich?
|