Inhalt hinzufügen - Dynamischer Block

Verwenden Sie den Inhaltstyp Dynamischer Block, um einen bestehenden dynamischen Block zum Page Builder Arbeitsbereich hinzuzufügen.

Dynamischer Block auf dem Frontend

Wenn Sie im Arbeitsbereich Page Builder arbeiten, werden Ihre Inhaltsänderungen erst dann vollständig gespeichert, wenn Sie auf das Symbol Vollbild schließen () in der oberen rechten Ecke des Arbeitsbereichs klicken und dann auf Speichern in der oberen rechten Ecke für die CMS-Seite, die Produktseite, die Kategorieseite, den Block oder den dynamischen Block.

Wenn Sie umfangreiche Änderungen am Inhalt von Page Builder vornehmen, empfehlen wir Ihnen, die Admin Session Lifetime zu erhöhen, um zu verhindern, dass die Sitzung während Ihrer Arbeit abläuft.

Werkzeugkasten für dynamische Blöcke

Werkzeug Symbol Beschreibung
Verschieben Verschiebt den Blockcontainer und seinen Inhalt an eine andere Position auf dem Arbeitsbereich.
Einstellungen Öffnet die Seite Block bearbeiten, wo Sie den Block auswählen und die Eigenschaften des Containers ändern können.
Ausblenden Blendet den aktuellen Blockcontainer und dessen Inhalt aus.
Anzeigen Zeigt den ausgeblendeten Blockcontainer und dessen Inhalt.
Duplizieren Erzeugt eine Kopie des Block-Containers und seines Inhalts.
Entfernen Löscht den Blockcontainer und seinen Inhalt vom Arbeitsbereich.

Hinzufügen eines bestehenden dynamischen Blocks auf dem Arbeitsbereich

  1. Navigieren Sie zum Arbeitsbereich Page Builder auf der Zielseite, dem Block, dem Produkt oder der Kategorie.

  2. Erweitern Sie im Bereich Page Builder die Option Inhalt hinzufügen und ziehen Sie einen Platzhalter Dynamischer Block auf den Arbeitsbereich.

    Ziehen eines Platzhalters für einen dynamischen Block auf den Arbeitsbereich

  3. Bewegen Sie den Mauszeiger über den leeren dynamischen Blockcontainer, um die Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen ().

    Werkzeugkasten Dynamischer Block

  4. Klicken Sie auf der Seite Dynamischen Block bearbeiten auf Dynamischen Block auswählen und wählen Sie den Block aus der Liste aus.

    Auswahl eines dynamischen Blocks

    Suchen Sie in der Liste den dynamischen Block, den Sie einfügen möchten, und klicken Sie auf Auswählen. Klicken Sie dann auf Markierte hinzufügen.

    Auswählen eines dynamischen Blocks in der Liste

    Eine Zusammenfassung der Informationen über den dynamischen Block wird unten angezeigt.

    Zusammenfassung des dynamischen Blocks

  5. Setzen Sie Template auf einen der folgenden Werte:

    Dynamischer Block Blockvorlage Wählen Sie diese Vorlage, um einen eigenständigen Block hinzuzufügen.
    Dynamischer Block Inline-Vorlage Wählen Sie diese Vorlage, um den Blockinhalt in den Text einzufügen.

    Dynamischer Block Vorlage

  6. Vervollständigen Sie die erweiterten Einstellungen nach Bedarf.

  7. Klicken Sie abschließend auf Speichern, um die Einstellungen zu übernehmen und zum Arbeitsbereich Page Builder zurückzukehren.

Erweiterte Einstellungen

  1. Wählen Sie eine Ausrichtung, um die Positionierung des dynamischen Blocks innerhalb des übergeordneten Containers zu steuern:

    Standard Wendet die Standardeinstellung für die Ausrichtung an, die in der Stilvorlage des aktuellen Themas angegeben ist.
    Links Richtet die Liste entlang des linken Randes des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Polsterung.
    Zentriert Richtet die Liste in der Mitte des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Füllung.
    Rechts Richtet den Block entlang des rechten Randes des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Füllung.
  2. Legt den Stil Rahmen fest, der auf alle vier Seiten des dynamischen Blockcontainers angewendet wird:

    Standard Wendet den Standard-Rahmenstil an, der durch das zugehörige Stylesheet festgelegt ist.
    Keiner Bietet keinen sichtbaren Hinweis auf die Containergrenzen.
    Gepunktet Der Containerrand erscheint als gepunktete Linie.
    Gestrichelt Der Containerrand erscheint als gestrichelte Linie.
    Durchgehend Der Containerrand wird als durchgezogene Linie dargestellt.
    Doppelt Der Containerrand wird als Doppellinie dargestellt.
    Rille Der Containerrand erscheint als gerillte Linie.
    Steg Der Containerrand erscheint als geriffelte Linie.
    Einzug Die Umrandung des Containers erscheint als eingezogene Linie.
    Außenlinie Der Containerrand erscheint als Umrandungslinie.
  3. Wenn Sie einen anderen Rahmenstil als None einstellen, vervollständigen Sie die Rahmenanzeigeoptionen:

    • Rahmenfarbe - Geben Sie die Farbe an, indem Sie ein Farbfeld auswählen, auf den Farbwähler klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.

    • Rahmenbreite - Geben Sie die Anzahl der Pixel für die Breite der Rahmenlinie ein.

    • Rahmenradius - Geben Sie die Anzahl der Pixel ein, um die Größe des Radius zu definieren, der verwendet wird, um jede Ecke des Rahmens abzurunden.

  4. (Optional) Geben Sie die Namen der CSS-Klassen aus der aktuellen Stilvorlage an, die auf den Container angewendet werden sollen.

    Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

  5. Geben Sie Werte in Pixeln für Margins und Padding ein, um die äußeren Ränder und die innere Auffüllung des dynamischen Block-Containers zu bestimmen.

    Geben Sie die entsprechenden Werte in das Diagramm ein.

    Ränder Die Menge an Leerraum, die an der Außenkante aller Seiten des Containers angebracht wird. Optionen: Oben / Rechts / Unten / Links
    Auffüllung Die Höhe des Leerraums, der auf die Innenkante aller Seiten des Containers angewendet wird. Optionen: Oben / Rechts / Unten / Links

Dynamische Blockcontainer-Einstellungen bearbeiten

  1. Bewegen Sie den Mauszeiger über den dynamischen Blockcontainer, um die Toolbox anzuzeigen, und wählen Sie das Symbol Settings ().

    Werkzeugkasten Dynamischer Block

  2. Ändern Sie bei Bedarf den dynamischen Block:

    • Klicken Sie auf Dynamischen Block auswählen.

      Einen anderen dynamischen Block auswählen

    • Klicken Sie in der Liste der aktiven dynamischen Blöcke auf Auswählen für den Block, den Sie hinzufügen möchten.

  3. Aktualisieren Sie die übrigen Einstellungen nach Bedarf.

  4. Wenn Sie fertig sind, klicken Sie auf Speichern, um die Einstellungen zu übernehmen und zum Arbeitsbereich Page Builder zurückzukehren.

Duplizieren eines dynamischen Blocks

  1. Bewegen Sie den Mauszeiger über den Container des dynamischen Blocks, um die Toolbox anzuzeigen, und wählen Sie das Symbol Duplizieren ().

    Das Duplikat erscheint direkt unter dem Original.

    Duplizieren eines dynamischen Blocks

  2. Um den neuen dynamischen Block an eine andere Position zu verschieben, bewegen Sie den Mauszeiger über seinen Container. Wählen Sie dann Verschieben () in der Toolbox.

  3. Wählen Sie den dynamischen Block aus und ziehen Sie ihn, bis die rote Hilfslinie an der neuen Position erscheint.

    Die oberen und unteren Ränder jedes Containers erscheinen als gestrichelte Linien, während der dynamische Block verschoben wird.

Einen dynamischen Block vom Arbeitsbereich entfernen

  1. Bewegen Sie den Mauszeiger über den Container des dynamischen Blocks, um die Toolbox anzuzeigen, und wählen Sie das Symbol Remove ( ).

  2. Wenn Sie zur Bestätigung aufgefordert werden, klicken Sie auf OK.