Systemvoraussetzungen
Installieren des Pimcore-Backends
Deinstallieren des Pimcore-Backends
Menü der Dokumentation
Einbinden von WebViews
Sie können Websites auf zwei unterschiedliche Arten einbinden:
Legen Sie die Website direkt in einem smingoAppItem fest: Einbinden von WebViews in einem Menüeintrag.
Rufen Sie die Website in einem smingoMasterDetail auf: Einbinden von WebViews auf einer Seite.
Die eingebundene Website ist nun unter dem jeweiligen Menüpunkt sichtbar. Eine eingebundene Website in der App könnte beispielsweise folgendermaßen aussehen.
Web
 |
WebViewNoControls
 |
Einbinden von WebViews auf einer Seite
Wenn Sie WebViews auf einer Seite einbinden möchten, sind mehrere Schritte notwendig:
Erstellen Sie eine Seite im Bereich 02_content.
Legen Sie die URL für die Seite fest.
Konfigurieren Sie den Menüeintrag für die Seite.
Legen Sie ein Header-Bild fest.
Erstellen einer Seite im Bereich 02_content
Klicken Sie mit der rechten Maustaste auf den Ordner.
Wählen Sie Objekt hinzufügen aus.
Klicken Sie auf smingo - smingoMasterDetail.
Tragen Sie den internen Namen des neuen Menüeintrags ein. Dieser Name wird nicht in der App angezeigt.
Klicken Sie auf OK.
Füllen Sie die untenstehenden Daten aus.
Eintrag | Erläuterung |
|---|---|
Titel | Tragen Sie Überschrift des Objekts in der Auswahlliste ein. |
Untertitel | Tragen Sie den Untertitel des Objekts in der Auswahlliste ein. |
URL | Tragen Sie die URL für die Weiterleitung an die Website ein. |
Externer Link | Aktivieren Sie diese Option, wenn Sie eine externe Weiterleitung der URL einrichten möchten. |
Inhalt | Dieses Feld muss bei WebViews nicht ausgefüllt werden. |
Festlegen einer Website
Klicken Sie auf URL.
Geben Sie die URL der Website ein.
Klicken Sie auf Speichern & Veröffentlichen.
Verlinken des Objekt-Typs in einen bestehenden Menüeintrag
Sie können einen bestehenden Menüeintrag anpassen. Um einen neuen Menüeintrag anzulegen, rufen Sie bitte die Seite: Erstellen eines neuen Menüeintrags auf.
So geht's
Klicken Sie im Bereich 01_config > config auf das zu konfigurierende smingoAppItem (Menüeintrag).
Navigieren Sie im Tab Bearbeiten zum Abschnitt Allgemein.
Prüfen Sie unter Titel den Namen des bestehenden Menüeintrags. Dieser Name wird auch in der App angezeigt.
Prüfen Sie unter Beschreibung den Text für das bestehende Objekt.
Wählen Sie unter Icon das Icon für den neuen Menüeintrag aus. Weitere Informationen finden Sie unter Icons.
Konfigurieren des Menüeintrags für Seiten
Sie können eine oder mehrere Seiten anzeigen.
Wählen Sie unter Objekt-Typ die Option MasterDetail aus, wenn Sie mehrere Seiten anzeigen möchten. Bitte beachten Sie, dass der Objekt-Typ MasterDetail im WebClient nicht angezeigt wird, siehe auch Besonderheiten im WebClient.
Wählen Sie unter Objekt-Typ die Option MasterDetailDetail aus, wenn Sie eine einzelne Seite anzeigen möchten.
Navigieren Sie im Tab Bearbeiten zum Abschnitt Inhalt.
Legen Sie im Bereich Dynamisch den jeweiligen Ordner per Drag&Drop in Parent Ordner fest.
Format der Header-Bilder
Bildverhältnis: 1 zu 2 (Höhe x Breite).
Auflösung: Die Breite muss mindestens 1800 Pixel betragen - wir empfehlen eine Größe von 900 x 1800 Pixel (Höhe x Breite).
Format: .PNG oder .JPG.
Header-Bilder werden nicht im Webclient angezeigt.
Einbindung von Header-Bildern
Klicken Sie auf das Plussymbol neben Header-Bilder, um ein Beitragsbild hinzuzufügen.
Wählen zwischen HeaderImages und HeaderImagesWithSlideshow aus.
Bei Verwendung von HeaderImagesWithSlideshow können Sie im Feld Slideshow-Zeit das Intervall in Sekunden zwischen den Bildwechseln einstellen.
Ziehen Sie per Drag&Drop die Grafikdateien aus dem Ablagebereich Assets in das Feld Bilder.
Klicken Sie auf Speichern und Veröffentlichen.
Empfehlung
Unter Android wird der Titel des Menüpunkts im Header-Bild angezeigt. Wir empfehlen daher, dass Sie ein farblich passendes Header-Bild zur Schriftfarbe auswählen, damit die Schrift lesbar bleibt.
Web
 |
WebViewNoControls
 |
Einbinden von WebViews in einem Menüeintrag
Verlinken des Objekt-Typs in einen bestehenden Menüeintrag
Sie können einen bestehenden Menüeintrag anpassen. Um einen neuen Menüeintrag anzulegen, rufen Sie bitte die Seite: Erstellen eines neuen Menüeintrags auf.
So geht's
Klicken Sie im Bereich 01_config > config auf das zu konfigurierende smingoAppItem (Menüeintrag).
Navigieren Sie im Tab Bearbeiten zum Abschnitt Allgemein.
Prüfen Sie unter Titel den Namen des bestehenden Menüeintrags. Dieser Name wird auch in der App angezeigt.
Prüfen Sie unter Beschreibung den Text für das bestehende Objekt.
Wählen Sie unter Icon das Icon für den neuen Menüeintrag aus. Weitere Informationen finden Sie unter Icons.
Konfigurieren des Menüeintrags für WebViews
Wählen Sie unter Objekt-Typ die Option Web oder WebViewNoControls aus.
Wenn Sie den Objekt-Typ Web auswählen, wird im unteren Bereich der Website eine Navigationsleiste angezeigt. Bei der Auswahl von WebViewNoControls fällt diese Navigationsleiste weg.
Navigieren Sie im Tab Bearbeiten zum Abschnitt Inhalt.
Klicken Sie auf den Bereich URL.
Legen Sie die URL der jeweiligen Website fest.
Format der Header-Bilder
Bildverhältnis: 1 zu 2 (Höhe x Breite).
Auflösung: Die Breite muss mindestens 1800 Pixel betragen - wir empfehlen eine Größe von 900 x 1800 Pixel (Höhe x Breite).
Format: .PNG oder .JPG.
Header-Bilder werden nicht im Webclient angezeigt.
Einbindung von Header-Bildern
Klicken Sie auf das Plussymbol neben Header-Bilder, um ein Beitragsbild hinzuzufügen.
Wählen zwischen HeaderImages und HeaderImagesWithSlideshow aus.
Bei Verwendung von HeaderImagesWithSlideshow können Sie im Feld Slideshow-Zeit das Intervall in Sekunden zwischen den Bildwechseln einstellen.
Ziehen Sie per Drag&Drop die Grafikdateien aus dem Ablagebereich Assets in das Feld Bilder.
Klicken Sie auf Speichern und Veröffentlichen.
Empfehlung
Unter Android wird der Titel des Menüpunkts im Header-Bild angezeigt. Wir empfehlen daher, dass Sie ein farblich passendes Header-Bild zur Schriftfarbe auswählen, damit die Schrift lesbar bleibt.
Web
 |
WebViewNoControls
 |