DokumentationCommercePage Builder

Inhalt hinzufügen - Dynamischer Block

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Benutzende

Verwenden Sie den Inhaltstyp "Dynamischer Block", um einen vorhandenen dynamischen Block zur Page Builder Bühne hinzuzufügen.

Dynamischer Block auf der Storefront

NOTE
Wenn Sie wesentliche Änderungen am Inhalt von Page Builder vornehmen, wird empfohlen, die Lebensdauer der Admin-Sitzung zu erhöhen, um zu verhindern, dass die Sitzung während der Arbeit abläuft.

Dynamic Block-Toolbox

Tool
Symbol
Beschreibung
Verschieben
Symbol "Verschieben" {width="25"}
Verschiebt den Block-Container und seinen Inhalt an eine andere Position auf der Bühne.
Einstellungen
Einstellungssymbol {width="25"}
Öffnet die Seite Block bearbeiten , auf der Sie den Block auswählen und die Eigenschaften des Containers ändern können.
Ausblenden
Symbol zum Ausblenden {width="25"}
Blendet den aktuellen Block-Container und seinen Inhalt aus.
Anzeigen
Symbol "Anzeigen" {width="25"}
Zeigt den ausgeblendeten Block-Container und seinen Inhalt an.
Duplizieren
Symbol "Duplizieren" {width="25"}
Kopiert den Block-Container und seinen Inhalt.
Entfernen
Symbol "Entfernen" {width="25"}
Löscht den Block-Container und seinen Inhalt aus der Bühne.
NOTE
Ausgeblendete Elemente werden in der Datenbank gespeichert und sind für Kunden nicht sichtbar. Diese Elemente sind jedoch für Suchmaschinen und andere Bots sichtbar, die Ihre Site durchsuchen. Sie werden auch als Teil des Inhalts zurückgegeben, wenn sie über einen API-Aufruf mit dem Attribut "Unsichtbarkeit"angefordert werden, es sei denn, Sie entfernen sie aus der Bühne.

Hinzufügen eines vorhandenen dynamischen Blocks zur Bühne

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

  2. Erweitern Sie im Bedienfeld Page Builder den Wert Add Content und ziehen Sie einen Platzhalter Dynamic Block auf die Bühne.

    Ziehen eines dynamischen Block-Platzhalters auf die Bühne {width="600" modal="regular"}

  3. Bewegen Sie den Mauszeiger über den leeren Container mit dynamischen Bausteinen, um die Toolbox anzuzeigen und das Symbol Einstellungen ( Einstellungssymbol {width="20"} ) zu wählen.

    Dynamic Block toolbox {width="600" modal="regular"}

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

    Dynamischen Block auswählen {width="600" modal="regular"}

    Suchen Sie in der Liste den dynamischen Baustein, den Sie einfügen möchten, und klicken Sie auf Select. Klicken Sie dann auf Add Selected.

    Dynamischen Baustein in der Liste auswählen {width="600" modal="regular"}

    Nachfolgend finden Sie eine Zusammenfassung der dynamischen Blockinformationen.

    Zusammenfassung dynamischer Blöcke {width="600" modal="regular"}

  5. Setzen Sie Template auf einen der folgenden Werte:

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Option Beschreibung
    Dynamic Block Block Template Fügt einen eigenständigen Block hinzu.
    Dynamic Block Inline Template Fügt den Blockinhalt in Text ein.

    Vorlage für dynamische Bausteine {width="200"}

  6. Nehmen Sie die erweiterten Einstellungen nach Bedarf vor.

  7. Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Erweiterte Einstellungen

  1. Um die Positionierung des dynamischen Blocks innerhalb des übergeordneten Containers zu steuern, wählen Sie einen Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Option Beschreibung
    Default Wendet die Standardeinstellung für die Ausrichtung an, die im Stylesheet des aktuellen Designs angegeben ist.
    Left Richtet die Liste am linken Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
    Center Richtet die Liste in der Mitte des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
    Right Richtet den Block am rechten Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.

  2. Legen Sie den Border -Stil fest, der auf alle vier Seiten des dynamischen Block-Containers angewendet wird:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Option Beschreibung
    Default Wendet den standardmäßigen Randstil an, der vom zugehörigen Stylesheet angegeben wird.
    None liefert keine sichtbare Anzeige der Containergrenzen.
    Dotted Der Container-Rahmen wird als gepunktete Linie angezeigt.
    Dashed Der Container-Rahmen wird als gestrichelte Linie angezeigt.
    Solid Der Container-Rahmen wird als durchgehende Linie angezeigt.
    Double Der Container-Rahmen wird als doppelte Linie angezeigt.
    Groove Der Container-Rahmen wird als Rillenlinie angezeigt.
    Ridge Der Container-Rahmen wird als gekürzte Linie angezeigt.
    Inset Der Container-Rahmen wird als Inset-Zeile angezeigt.
    Outset Der Container-Rahmen wird als Ausgangspunkt angezeigt.

  3. Wenn Sie einen anderen Rahmenstil als None festlegen, füllen Sie die Anzeigeoptionen für die Rahmenanzeige aus:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Option Beschreibung
    Border Color Geben Sie die Farbe an, indem Sie ein Muster auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben.
    Border Width Geben Sie die Anzahl Pixel für die Rahmenlinienbreite an.
    Border Radius Geben Sie die Anzahl der Pixel an, um die die Größe des Radius definiert wird, mit dem die einzelnen Ecken des Rands gerundet werden.

  4. (Optional) Geben Sie die Namen von CSS classes aus dem aktuellen Stylesheet an, das auf den Container angewendet werden soll.

    Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

  5. Geben Sie Werte in Pixel für den Wert Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des dynamischen Block-Containers zu bestimmen.

    Geben Sie die entsprechenden Werte in das Diagramm ein.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Container-Bereich Beschreibung
    Margins Die Menge an leerem Raum, die auf den äußeren Rand aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left
    Padding Die Menge an leerem Raum, die auf den inneren Rand aller Seiten des Containers angewendet wird. Optionen: Top / Right / Bottom / Left

Einstellungen für dynamische Blockcontainer bearbeiten

  1. Bewegen Sie den Mauszeiger über den dynamischen Block-Container, um die Toolbox anzuzeigen und das Symbol Einstellungen ( Einstellungssymbol {width="20"} ) zu wählen.

    Dynamic Block toolbox {width="500" modal="regular"}

  2. Ändern Sie bei Bedarf den dynamischen Baustein:

    • Klicken Sie auf Select Dynamic Block.

      Auswählen eines weiteren dynamischen Blocks {width="20"}

    • Klicken Sie in der Liste der aktiven dynamischen Blöcke für den hinzuzufügenden Block auf Select .

  3. Aktualisieren Sie die restlichen Einstellungen nach Bedarf.

  4. Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Dynamischen Block duplizieren

  1. Bewegen Sie den Mauszeiger über den dynamischen Block-Container, um die Symbolleiste anzuzeigen, und wählen Sie das Symbol Duplizieren ( Duplizieren-Symbol {width="20"} ).

    Das Duplikat wird direkt unter dem Original angezeigt.

    Dynamischen Block duplizieren {width="500" modal="regular"}

  2. Um den neuen dynamischen Block an eine andere Position zu verschieben, bewegen Sie den Mauszeiger über den Container und wählen Sie dann in der Toolbox Verschieben ( Verschieben-Symbol {width="20"} ).

  3. Wählen Sie den dynamischen Block aus und ziehen Sie ihn, bis die rote Führungslinie an der neuen Position angezeigt wird.

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

Dynamischen Baustein aus der Bühne entfernen

  1. Bewegen Sie den Mauszeiger über den dynamischen Block-Container, um die Toolbox anzuzeigen, und wählen Sie das Symbol Entfernen ( Symbol Entfernen {width="20"} ).

  2. Klicken Sie bei Aufforderung zur Bestätigung auf OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d