Wie kann ich das Layout der Anwendungsseiten anpassen?


Jede Anwendungsseite verfügt mit den Anwendungsvorlagen über ein Standardlayout, welches angepasst und überschrieben werden kann.

Anwendungsseiten anpassen

  1. Öffnen Sie zur Anpassung einer Anwendungsseite den Bereich Administration > Layout > Theme Manager.

  2. Es wird Ihnen nun das aktive Theme angezeigt. Falls Ihre Anwendungsseite ein individuelles Theme verwendet (Option Theme im Tab Mehr der Bearbeitungsmaske im Content Manager), so wählen Sie im Auswahlmenü als nächst zuerst das entsprechende Theme aus:

    V7mFNLe9qpxxXrSMkdFxUr1a.png
  3. Öffnen Sie nun den Tab Anwendungsvorlagen und wählen Sie den gewünschten Anwendungsbereich aus, von welchem Sie das Layout anpassen wollen. Im folgenden Beispiel wird das Layout des Warenkorbs des Online Shops geladen:

    3sHUVTl2BpgVKUKKBXxQ6JMk.png
  4. Im Editor wird nun der HTML-Quelltext der Anwendungsvorlage (Layout) der ausgewählten Anwendungsseite angezeigt.

    1. Der Anwendungsname (in diesem Beispiel Shop) kann aus dem Tab Seite der Bearbeitungsmaske im Content Manager aus der Option Anwendung entnommen werden.

    2. Der Name der Vorlage entspricht dem hinterlegen Bereich (in diesem Beispiel Cart) im selbigen Tab Seite der Bearbeitungsmaske im Content Manager:

  5. Passen Sie das Layout der geöffneten Anwendungsvorlage im Template Manager nun wie gewünscht an. Eine Liste der Verfügbaren Anwendungsplatzhalter befindet sich im https://wiki.cloudrexx.com/Knowledgebase:Platzhalterverzeichnis_Cloud.

  6. Bestätigen Sie zum Schluss die Anpassungen mit der Schaltfläche Speichern.

  7. Nun wird die Anwendungsvorlage kopiert und steht ab sofort im Bereich Dateien zur Verfügung.

Bei den Hauptanwendungsseiten (Option Bereich ist leer) heissen die entsprechenden Anwendungsvorlagen Default.html.

Mehrere Anwendungsseiten erstellen

Bereits angepasste Anwendungsvorlagen werden direkt im Tab Dateien zur weiteren Bearbeitung aufgeführt. Die Erneute Bearbeitung über den Tab Anwendungsvorlagen erzeugt ein zusätzliches Layout, wie folgt zu sehen ist:

Alternative Anwendungsvorlagen stehen beim entsprechenden Anwendungsbereich dann über die Option Anwendungsvorlage im Tab Mehr der Bearbeitungsmaske im Content Manager zur Auswahl bereit:

 

© 2024 Cloudrexx AG | Schweizer Cloud CMS | Datenschutzerklärung