Inhalt hinzufügen - Block
Verwenden Sie den Block-Inhaltstyp, um einen vorhandenen, aktiven Block zur Page Builder Phase hinzuzufügen. 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-Toolbox






Einen vorhandenen Block hinzufügen
-
Navigieren Sie zum Arbeitsbereich Page Builder auf der Zielseite, dem Block, dem dynamischen Block, dem Produkt oder der Kategorie.
-
Erweitern Sie im Page Builder Bedienfeld Add Content und ziehen Sie einen Block Platzhalter auf das Bühnenbild.
-
Bewegen Sie den Mauszeiger über den leeren Blockcontainer, um die Toolbox anzuzeigen, und wählen Sie das Symbol Einstellungen (
-
Klicken Sie auf Select Block.
-
Klicken Sie in der Zeile des Blocks, den Sie hinzufügen möchten, in der letzten Spalte auf Select .
Der Name des ausgewählten Blocks wird auf der Seite angezeigt.
-
Füllen Sie die verbleibenden Einstellungen nach Bedarf aus, indem Sie die Feldbeschreibungen am Ende dieser Seite als Referenz verwenden.
-
Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Erweiterte Einstellungen
-
Um die Positionierung des Blocks innerhalb des übergeordneten Containers zu steuern, wählen Sie ein Alignment aus:
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 ein etwaiger 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 alle angegebenen Auffüllungen berücksichtigt werden. -
Legen Sie einen Border Stil fest, 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 die Standardformatvorlage für Rahmen an, die im zugehörigen Stylesheet angegeben ist. None
Zeigt keine sichtbaren Begrenzungen des Containers an. Dotted
Der Container-Rahmen wird als gepunktete Linie angezeigt. Dashed
Der Container-Rahmen wird als gestrichelte Linie angezeigt. Solid
Der Container-Rahmen wird als durchgezogene Linie angezeigt. Double
Der Container-Rahmen wird als doppelte Linie angezeigt. Groove
Der Container-Rahmen wird als gerillte Linie angezeigt. Ridge
Der Container-Rahmen wird als geriffelte Linie angezeigt. Inset
Der Container-Rahmen wird als Einfügelinie angezeigt. Outset
Der Container-Rahmen wird als Ausgangslinie angezeigt. -
Wenn Sie einen anderen Rahmenstil als
None
festlegen, müssen Sie die Anzeigeoptionen für den Rahmen vervollständigen: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 einen Musterabschnitt auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben. Border Width Geben Sie die Anzahl der Pixel für die Rahmenlinienbreite ein. Border Radius Geben Sie die Anzahl der Pixel ein, um die Größe des Radius festzulegen, mit dem jede Ecke des Rahmens gerundet werden soll. -
(Optional) Geben Sie die Namen der CSS classes aus dem aktuellen Stylesheet an, die auf den Container angewendet werden sollen.
Trennen Sie mehrere Klassennamen durch ein Leerzeichen.
-
Geben Sie Werte in Pixeln für den Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des 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 des Leerraums, der auf die Außenkante aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
Padding Die Menge des Leerraums, der auf die Innenkante aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
Blockeinstellungen bearbeiten
-
Bewegen Sie den Mauszeiger über den Block-Container und wählen Sie Symbol Einstellungen
-
Um einen anderen Block auszuwählen, klicken Sie auf Select Block.
- Klicken Sie in der Liste der aktiven Blöcke Select den Block, den Sie hinzufügen möchten.
- Klicken Sie auf Add Selected.
-
Aktualisieren Sie die verbleibenden Einstellungen nach Bedarf, indem Sie die Feldbeschreibungen am Ende dieser Seite als Referenz verwenden.
-
Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Duplizieren eines Blocks
-
Bewegen Sie den Mauszeiger über den Block-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Duplizieren (
Das Duplikat wird direkt unter dem Original angezeigt.
-
Um den neuen Block an eine neue Position zu verschieben, bewegen Sie den Mauszeiger über den Container und klicken Sie dann auf Verschieben (
-
Wählen Sie den Block aus und ziehen Sie ihn, bis die rote Richtlinie an der neuen Position angezeigt wird.
Die oberen und unteren Ränder der einzelnen Container werden beim Verschieben des Blocks als gestrichelte Linien angezeigt.
Entfernen eines Blocks aus der Phase
-
Bewegen Sie den Mauszeiger über den Block-Container, um die Toolbox anzuzeigen, und wählen das Symbol Entfernen
-
Wenn Sie zum Bestätigen aufgefordert werden, klicken Sie auf OK.