Inhalt hinzufügen - Produkte

Navigieren Sie in Admin-Seitenleiste zu Content > Elements>Blocks.

Klicken Sie auf Add New Block.

Geben Sie den Block Title und die Identifier ein.

Wählen Sie die Store View aus, in der der Block verfügbar sein soll.

Scrollen Sie nach unten und klicken Sie im Bereich Inhaltsvorschau auf Edit with Page Builder oder , um den Arbeitsbereich Page Builder zu öffnen.

Erweitern Sie im Page Builder Bedienfeld Add Content und ziehen Sie einen Products Platzhalter auf das Bühnenbild.

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

Um zu bestimmen, wie die Produktliste auf der Seite angezeigt wird, wählen Sie einen der Darstellungstypen aus:

{width="300"}

Wenn Sie das Produktkarussell auswählen, müssen Sie auch die Karusselleinstellungen“.

Wählen Sie Select Products By die Methode für die Produktauswahl:

Sie können Ihre Produkte nach Kategorie, SKU oder Bedingung auswählen. Diese Optionen schließen sich gegenseitig aus. Sie können beispielsweise nicht die Option Kategorie auswählen, die Kategorieauswahl verwenden und dann zur Option Bedingung wechseln, um einige Bedingungen hinzuzufügen. Ihre Produkte werden nur auf Grundlage dessen ausgewählt, was Sie für eine drei Optionen festgelegt haben.

• Category - Wählen Sie diese Option, um Produkte mit einer ausgewählten Kategorie anzuzeigen.

  {width="500"}

  Wenn diese Option ausgewählt ist, steht eine Category zur Verfügung. Klicken Sie auf den Pfeil und gehen Sie nach unten, um die Kategorie der anzuzeigenden Produkte auszuwählen. In den Commerce Beispieldaten werden beispielsweise durch Drill-in und Auswahl von Damen > Oberteile > T- alle Produkte für diese Kategorie angezeigt.

  {width="500"}

• SKU : Wählen Sie diese Option aus, um Produkte mit einer oder mehreren SKUs anzuzeigen.

  Wenn diese Option ausgewählt ist, wird ein Product SKUs Textfeld bereitgestellt, in das Sie eine kommagetrennte Liste der anzuzeigenden SKUs eingeben müssen.

  {width="500"}

• Condition : Wählen Sie diese Option, um Produkte entsprechend einer oder mehreren von Ihnen definierten Bedingungen anzuzeigen.

  Wenn diese Option aktiviert ist, stehen Tools zum Hinzufügen von Bedingungen zur Auswahl. Sie können beispielsweise nur Produkte auswählen, deren Geschlecht auf Unisex festgelegt ist.

  {width="500"}

  note note
  NOTE
  Wenn Sie die Kategorie- oder SKU-Option auswählen, erhalten Sie die Sort By Option von Position. Mit dieser Sortieroption werden die Produkte in der gleichen Reihenfolge angezeigt wie in Ihrem Katalog.
  Für die Option Kategorie zeigt die Sortierung nach Position die Produkte in der gleichen Reihenfolge an, in der sie in Ihrem Katalog angezeigt werden. Für die SKU-Option werden bei der Sortierung nach Position die Produkte in der Reihenfolge angezeigt, in der Sie sie in das Product SKUs Textfeld eingeben.

Wählen Sie Sort By die Sortierreihenfolge für die Produkte in der Liste aus:

{width="300"}

Geben Sie die Number of Products to Display im Karussell oder Raster ein.

Werte können von 1 bis 999 sein. Der Standardwert ist für ein Raster 5 und für ein Karussell 20.

Um zu bestimmen, wie die Produkte innerhalb des Karussells angezeigt werden, wählen Sie die Carousel Mode aus:

Wenn Sie zwischen diesen beiden Modi wechseln, bleiben die anderen Karusselleinstellungen erhalten, mit Ausnahme der Infinite Loop, die im kontinuierlichen Modus immer auf Yes festgelegt ist und das Feld deaktiviert ist.

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

Legen Sie bei Bedarf die Option Autoplay auf Yes fest.

Wenn die automatische Wiedergabe aktiviert ist, beginnt das Karussell automatisch mit dem Scrollen, wenn die Seite geladen wird. Wenn Sie die Standardeinstellung (No) beibehalten, muss der Kunde auf die Foliennavigation (Punkte oder Pfeile) klicken, um jede Folie nacheinander anzuzeigen.

Wenn Sie diese Funktion aktivieren, geben Sie Autoplay Speed ein, um die Verzögerung in Millisekunden zwischen den einzelnen Folien anzugeben. Der Standardwert ist 4000 (4 Sekunden).

Legen Sie bei Bedarf die Option Infinite Loop auf Yes fest.

Wenn die Endlosschleife aktiviert ist, wird die Bildschirmpräsentation unbegrenzt wiederholt, solange die Seite geöffnet ist. Wenn Sie die Standardeinstellung (No) beibehalten, wird die Bildschirmpräsentation nur einmal wiedergegeben.

Legen Sie bei Bedarf die Option Show Arrows auf Yes fest.

Wenn diese Option aktiviert ist, enthält jede Folie linken und rechten Seite Weiter und Zurück“. Wenn Sie die Standardeinstellung (No) beibehalten, werden auf den Folien keine Navigationspfeile angezeigt.

Legen Sie bei Bedarf die Option Show Dots auf No fest.

Bei Festlegung auf die Standardeinstellung (Yes) werden unten im Karussellregler Navigationspunkte angezeigt. Wenn Sie diese Einstellung deaktivieren, zeigt der Karussellregler keine Navigationspunkte an.

Um die Positionierung der Produktliste innerhalb des übergeordneten Containers zu steuern, wählen Sie die Alignment aus:

Legen Sie den Border fest, der auf alle vier Seiten des Produkt-Containers angewendet wird:

Wenn Sie einen anderen Rahmenstil als None festlegen, müssen Sie die Anzeigeoptionen für den Rahmen vervollständigen:

(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 Containers „Produkte“ zu bestimmen.

Geben Sie die entsprechenden Werte in das Diagramm ein.