Inhalt hinzufügen - Produkte

Wechseln Sie in der Seitenleiste Admin zu Content > Elements>Blocks.

Klicken Sie auf Add New Block.

Geben Sie die Werte Block Title und Identifier ein.

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

Scrollen Sie nach unten und klicken Sie auf Edit with Page Builder oder innerhalb des Inhaltsvorschaubereichs, um den Arbeitsbereich Page Builder zu öffnen.

Erweitern Sie im Bedienfeld Page Builder den Wert Add Content und ziehen Sie einen Platzhalter Products auf die Bühne.

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

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

{width="300"}

Wenn Sie das Karussell auswählen, müssen Sie auch die Karusselleinstellungen konfigurieren.

Wählen Sie für "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 Auswahl Kategorie verwenden und dann zur Option Bedingung wechseln, um einige Bedingungen hinzuzufügen. Ihre Produkte werden nur basierend auf dem ausgewählt, was Sie für eine dieser drei Optionen festgelegt haben.

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

  {width="500"}

  Wenn diese Option aktiviert ist, wird der Selektor Category angezeigt. Klicken Sie auf den Pfeil und führen Sie einen Drilldown durch, um die Kategorie der anzuzeigenden Produkte auszuwählen. Beispielsweise werden in den Beispieldaten Commerce beim Einbohren und Auswählen von Frauen > Tops > Tees alle Produkte für diese Kategorie angezeigt.

  {width="500"}

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

  Wenn diese Option aktiviert ist, wird das Textfeld "Product SKUs"angezeigt, in das Sie eine kommagetrennte Liste der anzuzeigenden SKUs eingeben müssen.

  {width="500"}

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

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

  {width="500"}

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

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

{width="300"}

Geben Sie den Wert Number of Products to Display in das Karussell oder Raster ein.

Die Werte können zwischen 1 und 999 liegen. Der Standardwert ist 5 für ein Raster und 20 für ein Karussell.

Um zu bestimmen, wie die Produkte im Karussell angezeigt werden, wählen Sie den Wert Carousel Mode:

Wenn Sie zwischen diesen beiden Modi wechseln, werden die anderen Karusselleinstellungen beibehalten, mit Ausnahme der Einstellung "Infinite Loop", die im kontinuierlichen Modus immer auf "Yes" gesetzt und das Feld deaktiviert ist.

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

Setzen Sie bei Bedarf die Option Autoplay auf Yes.

Wenn die automatische Wiedergabe aktiviert ist, beginnt das Karussell beim Laden der Seite automatisch mit dem Scrollen. 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).

Setzen Sie bei Bedarf die Option Infinite Loop auf Yes.

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

Setzen Sie bei Bedarf die Option Show Arrows auf Yes.

Wenn diese Option aktiviert ist, enthält jede Folie die Navigationspfeile "next"und "previous"auf der linken und rechten Seite. Wenn Sie die Standardeinstellung (No) beibehalten, werden auf den Folien keine Navigationspfeile angezeigt.

Setzen Sie bei Bedarf die Option Show Dots auf No.

Wenn die Standardeinstellung (Yes) festgelegt ist, werden die Navigationspunkte unten im Karussell-Schieberegler angezeigt. Wenn Sie diese Einstellung deaktivieren, zeigt der Karussellregler keine Navigationspunkte an.

Um die Positionierung der Liste "Products"innerhalb des übergeordneten Containers zu steuern, wählen Sie den Wert Alignment aus:

Legen Sie den Border -Stil fest, der auf alle vier Seiten des Container "Products"angewendet wird:

Wenn Sie einen anderen Rahmenstil als None festlegen, füllen Sie die Anzeigeoptionen für die Rahmenanzeige aus:

(Optional) Geben Sie die Namen von CSS classes aus dem aktuellen Stylesheet an, das auf den Container angewendet werden soll.

Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

Geben Sie Werte in Pixel für den Wert Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des Containers "Products"zu bestimmen.

Geben Sie die entsprechenden Werte in das Diagramm ein.