DokumentationCommercePage Builder

Inhalt hinzufügen - Block

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Benutzende

Verwenden Sie die Block Inhaltstyp zum Hinzufügen eines vorhandenen, aktiven block der Page Builder Schritt. Im folgenden Beispiel enthält die erste Spalte den Block mit einem Seitenmenü für die Seite. Die zweite Spalte enthält ein Bild.

Block mit einem Seitenmenü

NOTE
Wenn Sie wesentliche Änderungen an Page Builder -Inhalt verwenden, wird empfohlen, die Lebensdauer der Admin-Sitzung , um zu verhindern, dass die Sitzung während der Arbeit abläuft.

Block-Toolbox

Tool
Symbol
Beschreibung
Verschieben
Symbol Verschieben
Verschiebt den Block-Container und seinen Inhalt an eine andere Position auf der Bühne.
Einstellungen
Symbol Einstellungen
Öffnet die Seite Block bearbeiten , auf der Sie den Block auswählen und die Eigenschaften des Containers ändern können.
Ausblenden
Symbol Ausblenden
Blendet den aktuellen Block-Container und seinen Inhalt aus.
Anzeigen
Symbol Anzeigen
Zeigt den ausgeblendeten Block-Container und seinen Inhalt an.
Duplizieren
Symbol Duplizieren
Kopiert den Block-Container und seinen Inhalt.
Entfernen
Symbol Entfernen
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.

Vorhandenen Baustein hinzufügen

  1. Navigieren Sie zum Page Builder Arbeitsbereich auf der Zielseite, im Baustein, in dynamischen Bausteinen, in Produkten oder in Kategorien.

  2. Im Page Builder Bedienfeld, erweitern Add Content und ziehen Sie eine Block Platzhalter zur Bühne.

    Einen Block auf die Bühne ziehen {width="600" modal="regular"}

  3. Bewegen Sie den Mauszeiger über den leeren Block-Container, um die Symbolleiste anzuzeigen und die Einstellungen ( Symbol Einstellungen {width="25"} ).

  4. Klicken Select Block.

    Baustein auswählen {width="200"}

  5. Klicken Sie in der Zeile des Blocks, den Sie hinzufügen möchten, auf Select in der letzten Spalte.

    Ausgewählter Block {width="600" modal="regular"}

    Der Name des ausgewählten Bausteins wird auf der Seite angezeigt.

    Blockname {width="200"}

  6. Nehmen Sie die restlichen Einstellungen wie gewünscht vor und verwenden Sie die Feldbeschreibungen am Ende dieser Seite, um sie zu referenzieren.

  7. Wenn Sie fertig sind, klicken Sie auf Save , um die Einstellungen anzuwenden und zum Page Builder Arbeitsbereich.

Erweiterte Einstellungen

  1. Um die Positionierung des Blocks innerhalb des übergeordneten Containers zu steuern, wählen Sie eine 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 eine Border -Stil, der auf alle vier Seiten des 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, füllen Sie die Randanzeigeoptionen 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, das auf den Container angewendet werden soll.

    Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

  5. Geben Sie Werte in Pixel für die Margins and Padding um die äußeren Ränder und den inneren Abstand des Blockbehälters 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

Blockeinstellungen bearbeiten

  1. Bewegen Sie den Mauszeiger über den Block-Container und wählen Sie die Einstellungen ( Symbol Einstellungen {width="25"} ) in der Toolbox.

    Block Toolbox {width="600" modal="regular"}

  2. Um einen anderen Block auszuwählen, klicken Sie auf Select Block.

    • Klicken Sie in der Liste der aktiven Blöcke auf Select den Block, den Sie hinzufügen möchten.
    • Klicken Add Selected.

  3. Aktualisieren Sie die restlichen Einstellungen nach Bedarf mithilfe der Feldbeschreibungen am Ende dieser Seite, um sie zu referenzieren.

  4. Wenn Sie fertig sind, klicken Sie auf Save , um die Einstellungen anzuwenden und zum Page Builder Arbeitsbereich.

Baustein duplizieren

  1. Bewegen Sie den Mauszeiger über den Block-Container, um die Toolbox anzuzeigen und die Duplizieren ( Symbol Duplizieren ).

    Das Duplikat wird direkt unter dem Original angezeigt.

  2. Um den neuen Block an eine neue Position zu verschieben, bewegen Sie den Mauszeiger über den Container und klicken Sie dann auf Verschieben ( Symbol Verschieben ) in der Toolbox.

  3. Wählen Sie den 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 beim Verschieben des Blocks als gestrichelte Linien angezeigt.

Entfernen eines Bausteins aus der Bühne

  1. Bewegen Sie den Mauszeiger über den Block-Container, um die Toolbox anzuzeigen und die Entfernen ( Symbol Entfernen ).

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

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