DokumentationCommercePage Builder

Inhalt hinzufügen - Produkt-Recommendations

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 Produkt-Recommendations , um der Page Builder Bühne eine vorhandene, aktive Empfehlungseinheit für eine CMS-Seite, einen Block oder einen dynamischen Block hinzuzufügen.

NOTE
Der Inhaltstyp Page Builder Produkt-Recommendations wird in Adobe Commerce 2.4.4 und höher unterstützt und ist in den Produkt-Recommendations-Metapaketen der Versionen 3.0.x oder höher verfügbar. Informationen zum Hinzufügen von Page Builder Support für Product Recommendations finden Sie in den Installationsinformationen🔗. Dieser Inhaltstyp steht nicht zur Magento Open Source zur Verfügung.
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.

Produkt-Recommendations-Toolbox

Tool
Symbol
Beschreibung
Verschieben
Symbol "Verschieben" {width="25"}
Verschiebt den Produktempfehlungs-Container und seinen Inhalt an eine andere Position auf der Bühne.
Einstellungen
Einstellungssymbol {width="25"}
Öffnet die Seite Produktempfehlung bearbeiten , auf der Sie die Empfehlungseinheit auswählen und die Eigenschaften des Containers ändern können.
Ausblenden
Symbol zum Ausblenden {width="25"}
Blendet den aktuellen Produktempfehlungs-Container und seinen Inhalt aus.
Anzeigen
Symbol "Anzeigen" {width="25"}
Zeigt den ausgeblendeten Produkt-Empfehlungs-Container und seinen Inhalt an.
Duplizieren
Symbol "Duplizieren" {width="25"}
Kopiert den Produktempfehlungs-Container und seinen Inhalt in zweifacher Hinsicht.
Entfernen
Symbol "Entfernen" {width="25"}
Löscht den Produktempfehlungs-Container und seinen Inhalt aus der Phase.
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 einer vorhandenen Empfehlungseinheit

  1. Stellen Sie sicher, dass Sie bereits eine Empfehlungseinheit für den Seitentyp Page Builder erstellt haben.
NOTE
Sie können nur in der standardmäßigen Store-Ansicht Empfehlungseinheiten für den Seitentyp Page Builder erstellen.

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

  2. Erweitern Sie den Abschnitt Content ​und klicken Sie auf Edit with Page Builder ​oder innerhalb des Inhaltsvorschaubereichs, um den Arbeitsbereich Page Builder zu öffnen.

  3. Ziehen Sie im Bedienfeld Page Builder unter Layout ​einen Row ​Platzhalter auf die Bühne.

  4. Ziehen Sie im Bedienfeld Page Builder unter Add Content ​einen Product Recommendation ​Platzhalter in die Zeile.

    Hinzufügen des Inhaltstyps "Produktempfehlung" {width="600" modal="regular"}

  5. Führen Sie einen der folgenden Schritte aus:

    • Klicken Sie auf Edit Product Recommendation.
    • Bewegen Sie den Mauszeiger über den leeren Container, um die Toolbox anzuzeigen, und klicken Sie auf das Symbol Einstellungen ( Einstellungssymbol ).

    Produktempfehlungen bearbeiten {width="600" modal="regular"}

  6. Klicken Sie im Abschnitt Selection ​auf Select.

  7. 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 Select .

    Ausgewählte Produktempfehlungen {width="600" modal="regular"}

  8. Klicken Sie in der oberen rechten Ecke auf Add Selected.

    Der Name der ausgewählten Produktempfehlung wird im Abschnitt Selection ​der Seite​ Edit Product Recommendation angezeigt.

  9. Nehmen Sie alle erforderlichen Änderungen an den erweiterten Einstellungen vor.

    Produktempfehlungen bearbeiten {width="600" modal="regular"}

  10. Führen Sie nach Abschluss folgende Schritte aus:

    • Wenn Sie mit einem vollständig maximierten Browserfenster arbeiten, klicken Sie auf das Symbol Vollbild schließen ( Vollbildsymbol schließen ) in der oberen rechten Ecke des Arbeitsbereichs.

    • Klicken Sie auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

    Wenn Sie zur Bühne zurückkehren, werden Produktplatzhalter-Bilder im Container angezeigt.

Einstellungen der Empfehlungseinheiten bearbeiten

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

    Empfehlungs-Toolbox {width="600" modal="regular"}

  2. Nehmen Sie alle erforderlichen Änderungen an den erweiterten Einstellungen vor.

  3. Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden 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 in der Toolbox auf das Symbol Duplizieren ( Duplizieren-Symbol ).

    Das Duplikat wird direkt unter dem Original angezeigt.

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

  3. Wählen Sie die Empfehlungseinheit aus und ziehen Sie sie, bis die rote Führungslinie an der neuen Position angezeigt wird.

    Die oberen und unteren Ränder der einzelnen Behälter werden als gestrichelte Linien angezeigt, während die Empfehlungseinheit verschoben wird.

Entfernen einer Empfehlungseinheit aus der Bühne

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

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

Erweiterte Einstellungen

  1. Um die Positionierung der Product Recommendations-Einheit innerhalb des übergeordneten Containers zu steuern, wählen Sie den Wert 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 Einheit am linken Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
    Center Richtet die Einheit in der Mitte des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird.
    Right Richtet die Einheit 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 der Product Recommendations-Einheit 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 keine sichtbare Anzeige der Einheitengrenzen.
    Dotted Der Einheitenrahmen wird als gepunktete Linie angezeigt.
    Dashed Der Einheitenrahmen wird als gestrichelte Linie angezeigt.
    Solid Der Einheitenrahmen wird als durchgehende Linie angezeigt.
    Double Der Einheitenrand wird als doppelte Linie angezeigt.
    Groove Der Einheitsrand wird als Einradellinie angezeigt.
    Ridge Der Rahmen der Einheit erscheint als gekürzte Linie.
    Inset Der Einheitsrand wird als Einzugslinie angezeigt.
    Outset Der Einheitsrand wird als Einstiegslinie 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 die Einheit 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 der Einheit 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 den äußeren Rand aller Seiten der Einheit angewendet wird. Optionen: Top / Right / Bottom / Left
    Padding Die Menge des Leerraums, der auf den inneren Rand aller Seiten der Einheit angewendet wird. Optionen: Top / Right / Bottom / Left
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d