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
-
Erstellen Sie den block, den Sie platzieren möchten.
-
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
-
Stellen Sie die Layout-Anweisungen in XML zusammen, um einen CMS-Block zu referenzieren.
-
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 Dateisuffixxml
. Im folgenden Beispiel istcustomer-service
der URL-Schlüssel der Seite, undChatTool
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
-
Gehen Sie in der Seitenleiste von Admin auf Inhalt > Elemente > Seiten.
-
Suchen Sie die Seite, auf der Sie den Block platzieren möchten, und öffnen Sie sie im Bearbeitungsmodus.
-
Scrollen Sie nach unten und erweitern Sie
den Abschnitt Design.
-
Klicken Sie auf den Pfeil Benutzerdefinierte Layoutaktualisierung, um alle verfügbaren Layoutaktualisierungen anzuzeigen, die mit der Seite verknüpft sind.
Liste Benutzerdefinierte Layoutaktualisierung
-
Wählen Sie die Layoutaktualisierung aus, die Sie auf die Seite anwenden möchten.
Schritt 4: Speichern und Cache aktualisieren
-
Wenn Sie fertig sind, klicken Sie auf Speichern && Schließen.
-
Klicken Sie in der Meldung am oberen Rand des Arbeitsbereichs auf Cache-Verwaltung und aktualisieren Sie jeden ungültigen Cache.