Komponenten Editor

Verfügbarkeit: Storefront

Der Komponenten Editor bietet die Möglichkeit zusätzlich zu den Standardkomponenten eigene platzierbare Komponenten zu erstellen um diese dann im Page Editor einzufügen und zu befüllen.

Komponente erstellen

  • Name - Bezeichnung der Komponente in Makaira
  • Identifier - ...

 

Komponenten Felder bearbeiten

  • UI-Preview - Bietet eine Vorschau wie die erstellte Komponente im Page Editor aussieht
  • API-Preview - Bietet eine Vorschau der API
Anlegen der Felder
  • Label - Bezeichnung des Feldes in Makaira
  • ID - Bezeichnung des Feldes in der API
  • Typ - Funktion des Feldes:
    • Text
    • Rich Text
    • Number
    • File-Upload
    • Checkbox
    • Select
    • Multi-Select
    • Object
    • Array
    • Dokument-Typen
    • Product-Stream
    • Color Picker
    • Hotspot Image

Text

Der Typ Text bietet die Möglichkeit eine Texteingabe hinzuzufügen

Rich Text

Der Typ Rich Text bietet die Möglichkeit eine Texteingabe mit Textbearbetung hinzuzufügen

Number

Number ermöglicht es eine Zahleneingabe hinzuzufügen

File-Upload

Der Typ File-Upload ermöglicht den Datenupload zu Amazon S3 oder Cloudinary

Checkbox

Der Typ Checkbox fügt ein Feld hinzu das auf true oder false gesetzt werden kann

Select

Der Typ Select bietet die Möglichkeit einer Auswahl aus mehreren Optionen die man über den Button "Neue Option" beliebig hinzufügen und löschen kann.

Multi-Select

Der Typ Multi-Select bietet wie der Typ Select  die Möglichkeit einer Auswahl. Der Unterschied liegt daran, dass mehrere Optionen gleichzeitg gewählt werden können.

Object

Über Objekte kann ein Feld aus mehreren anderen Feldern zusammengesetzt werden.

Array

Ein Array Feld ermöglicht die Eingabe mehrerer Elemente des selben Typs:

  • Text
  • Zahlen
  • File-Upload
  • Objekt

Dokument-Typen

Der Typ Dokument-Typen wird genutzt um:

  • Produkte
  • Suchbare Links
  • Landing Pages
  • Kategorien
  • Hersteller

hinzuzufügen.

Product-Stream

Dieser Typ ermöglicht das hinzufügen der Artikel eines Product-Streams.

Color Picker

Ein Color-Picker ermöglicht eine Farbauswahl.

Hotspot Image

Ein Hotspot Image bietet die Möglichkeit auf einem selbst gewähltem Bild Punkte zu setzen und diese mit anderen Feldern zu verknüpfen. Über den Button "Neue Property" können beliebige Felder hinzugefügt werden.