Empfehlungen hinzufügen zu Page Builder

Verwenden Sie den Inhaltstyp Produktempfehlungen, um eine bestehende, aktive Empfehlungseinheit zum Page Builder Arbeitsbereich für eine CMS-Seite, einen Block oder einen dynamischen Block hinzuzufügen.

Der Inhaltstyp Produktempfehlungen in Page Builder wird in Adobe Commerce 2.3.1 und höher unterstützt und ist im Metapaket Produktempfehlungen ab Version 3.0.x verfügbar. Um die Unterstützung von Page Builder hinzuzufügen, siehe die Entwicklerdokumentation.

Werkzeugkasten für Produktempfehlungen

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

Hinzufügen einer bestehenden Empfehlungseinheit

1. Vergewissern Sie sich, dass Sie bereits eine Empfehlungseinheit für den Seitentyp Page Builder erstellt haben.

Sie können Empfehlungseinheiten für den Seitentyp Page Builder nur in der Standard-Speicheransicht erstellen.

1. Öffnen Sie die Seite, den Block oder den dynamischen Block im Bearbeitungsmodus.

2. Erweitern Sie den Abschnitt Inhalt und klicken Sie auf Bearbeiten mit Page Builder oder im Bereich der Inhaltsvorschau, um den Arbeitsbereich Page Builder zu öffnen.

3. Ziehen Sie im Bereich Page Builder unter Inhalt hinzufügen einen Platzhalter Produktempfehlung auf den Arbeitsbereich.

   Hinzufügen des Inhaltstyps “Produktempfehlung”

4. Bewegen Sie den Mauszeiger über den leeren Container Produktempfehlung, um die Toolbox anzuzeigen, und klicken Sie auf das Symbol Einstellungen ().

5. Klicken Sie auf Auswählen.

   
   Produktempfehlung auswählen

6. Suchen Sie in der Liste der aktiven Produktempfehlungen die Zeile mit der Empfehlungseinheit, die Sie hinzufügen möchten, und klicken Sie in der letzten Spalte auf Auswählen.

   Ausgewählte Produktempfehlung

   Der Name der ausgewählten Produktempfehlung wird im Formular Produktempfehlung bearbeiten angezeigt.

   
   Produktempfehlungsname

7. Füllen Sie die Erweiterten Einstellungen nach Bedarf aus.

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

Einstellungen der Empfehlungseinheit bearbeiten

1. Bewegen Sie den Mauszeiger über den Container der Empfehlungseinheit, um die Toolbox anzuzeigen, und klicken Sie auf das Symbol Settings ().

   Block-Werkzeugkasten

2. Klicken Sie auf der Seite Produktempfehlung bearbeiten auf Auswählen.

3. Suchen Sie die Zeile mit der Empfehlungseinheit, die Sie hinzufügen möchten, und klicken Sie in der letzten Spalte auf Auswählen.

4. Füllen Sie die Erweiterten Einstellungen nach Bedarf aus.

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

Duplizieren einer Empfehlungseinheit

1. Bewegen Sie den Mauszeiger über den Container der Empfehlungseinheit, um die Toolbox anzuzeigen, und klicken Sie auf das Symbol Duplizieren ( in der Toolbox.

   Das Duplikat wird direkt unter dem Original angezeigt.

2. Um die duplizierte Empfehlungseinheit an eine neue Position zu verschieben, bewegen Sie den Mauszeiger über den Container und klicken Sie in der Toolbox auf das Symbol Verschieben (.

3. Wählen Sie die Empfehlungseinheit aus und ziehen Sie sie, bis die rote Hilfslinie an der neuen Position erscheint.

   Die oberen und unteren Ränder jedes Containers erscheinen als gestrichelte Linien, während die Empfehlungseinheit verschoben wird.

Eine Empfehlungseinheit vom Arbeitsbereich entfernen

1. Bewegen Sie den Mauszeiger über den Container der Empfehlungseinheit und klicken Sie auf das Symbol Entfernen ( in der Toolbox.

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

Erweiterte Einstellungen

1. Wählen Sie die Ausrichtung, um die Positionierung der Produktempfehlungseinheit 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 Einheit entlang des linken Randes des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Polsterung.
   Center	Richtet die Einheit in der Mitte des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Füllung.
   Rechts	Richtet die Einheit entlang des rechten Randes des übergeordneten Containers aus, unter Berücksichtigung der angegebenen Füllung.

2. Legen Sie den Stil Rahmen fest, der auf alle vier Seiten des Bereichs “Produktempfehlungen” angewendet wird:

   Standard	Wendet den Standard-Rahmenstil an, der in der zugehörigen Stilvorlage angegeben ist.
   Keiner	Bietet keine sichtbaren Hinweise auf die Grenzen der Einheit.
   Gepunktet	Die Grenze der Einheit erscheint als gepunktete Linie.
   Gestrichelt	Die Grenze der Einheit erscheint als gestrichelte Linie.
   Durchgehend	Die Grenze der Einheit wird als durchgezogene Linie dargestellt.
   Doppelt	Der Rand der Einheit erscheint als Doppellinie.
   Rille	Die Grenze der Einheit erscheint als gerillte Linie.
   Grat	Die Grenze der Einheit erscheint als geriffelte Linie.
   Einschnitt	Die Grenze der Einheit erscheint als versenkte Linie.
   Außenkante	Die Grenze der Einheit wird als Außenlinie dargestellt.

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 die Einheit angewendet werden sollen.

   Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

5. Geben Sie Werte in Pixeln für die Ränder und Auffüllung ein, um die äußeren Ränder und die innere Auffüllung der Einheit zu bestimmen.

   Geben Sie die entsprechenden Werte in das Diagramm ein.

   Ränder	Die Größe des Leerraums, der an den Außenkanten aller Seiten der Einheit angebracht wird. Optionen: Oben / Rechts / Unten / Links
   Auffüllung	Die Menge an Leerraum, die auf die Innenkante aller Seiten der Einheit angewandt wird. Optionen: Oben / Rechts / Unten / Links