Layout-Updates verwenden

Mit Layout-Updates lässt sich das Layout einer Seite anpassen. Layout-Updates bieten mehr Flexibilität als ein widget, erfordern jedoch Zugriff auf den Server und Grundkenntnisse in XML.

Die folgenden Schritte zeigen, wie man ein Layout-Update verwendet, um einen Block auf einer Seite zu platzieren. Spezifische Beispiele und Hilfe zur Syntax finden Sie unter Common layout customization tasks in unserem Frontend Developer Guide.

Schritt 1: Erstellen des Blocks

  1. Erstellen Sie den block, den Sie platzieren möchten.

  2. Notieren Sie sich die block_id, da Sie diese in den Anweisungen zur Layoutaktualisierung verwenden müssen.

Schritt 2: Verfassen Sie das Layout-Update in XML

  1. Stellen Sie die Layout-Anweisungen in XML zusammen, um einen CMS-Block zu referenzieren.

  2. Speichern Sie die Layoutanweisungen auf dem Server in dem Layout-Ordner, in dem die XML-Dateien für das Thema gespeichert werden.

    Zum Beispiel:

    <theme_dir>/_/layout<Namespace><Module>

    Der Layout-Handle ist der Dateiname, der mit cms_page_view_selectable_ beginnt, gefolgt vom URL-Schlüssel der CMS-Seite, der Layout-Aktualisierungsoption und dem Dateisuffix xml. Im folgenden Beispiel ist customer-service der URL-Schlüssel der Seite, und ChatTool ist die Option, die Sie auswählen, um die Layoutaktualisierung auf die Seite anzuwenden.

    cms_page_view_selectable_<customer-service>_<ChatTool>.xml

    CMS-Seitenbezeichner Der URL-Schlüssel der Seite, wobei ein Schrägstrich (/) durch einen Unterstrich (_) ersetzt wird.
    Layout Update Name Die Option, die in der Liste Custom Layout Update erscheint.

Schritt 3: Referenzieren Sie das Layout-Update von der Seite aus

  1. Gehen Sie in der Seitenleiste von Admin auf Inhalt > Elemente > Seiten.

  2. Suchen Sie die Seite, auf der Sie den Block platzieren möchten, und öffnen Sie sie im Bearbeitungsmodus.

  3. Scrollen Sie nach unten und erweitern Sie den Abschnitt Design.

  4. Klicken Sie auf den Pfeil Benutzerdefinierte Layoutaktualisierung, um alle verfügbaren Layoutaktualisierungen anzuzeigen, die mit der Seite verknüpft sind.

    Liste Benutzerdefinierte Layoutaktualisierung

  5. Wählen Sie die Layoutaktualisierung aus, die Sie auf die Seite anwenden möchten.

Schritt 4: Speichern und Cache aktualisieren

  1. Wenn Sie fertig sind, klicken Sie auf Speichern && Schließen.

  2. Klicken Sie in der Meldung am oberen Rand des Arbeitsbereichs auf Cache-Verwaltung und aktualisieren Sie jeden ungültigen Cache.