Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Das Layout einer Anwendungsseite (z.B Warenkorb im Shop) wird über das Theme gesteuert. Das Layout und Design einer Anwendungsseite ist abhängig vom ausgewählten Theme.

...

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. Die jeweilige Anwendungsvorlage einer Anwendungsseite befindet sich entweder unter core_module oder module.

    1. Der Anwendungsname (in diesem Beispiel Shop) kann aus dem Tab

    Mehr
    1. 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

    Mehr
    1. Seite der Bearbeitungsmaske im Content Manager:

    Image Removed

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

    1. uUod4HKVe75sWLhrStpm2Kuv.pngImage Added
  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.

Info

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:

...