新增內容 — 產品

在​ 管理員 ​側邊欄上，移至​ Content > Elements>Blocks。

按一下​ Add New Block。

輸入​ Block Title ​和​ Identifier。

選擇要提供區塊的​ Store View。

向下捲動並按一下​ Edit with Page Builder ​或在內容預覽區域內以開啟Page Builder工作區。

在Page Builder面板中，展開​ Add Content ​並將​ Products ​預留位置拖曳到舞台。

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

若要決定產品清單在頁面上的顯示方式，請選擇其中一個外觀型別：

{width="300"}

如果您選擇產品輪播，您也必須設定輪播設定。

針對​ Select Products By，選擇產品選擇方法：

您可以依類別、SKU或條件選取產品。 這些選項互斥。 例如，您無法選取「類別」選項、使用「類別」選取器，然後切換至「條件」選項以新增部分條件。 您的產品只會根據您為這三個選項中的​ 一個 ​設定的專案來選取。

• Category — 選擇此選項可顯示使用所選類別的產品。

  {width="500"}

  選取此選項時，會提供​ Category ​選取器。 按一下箭頭，然後向下展開以選擇要顯示的產品類別。 例如，在Commerce範例資料中，鑽研並選取​ 女性>上衣> Tes ​會顯示該類別的所有產品。

  {width="500"}

• SKU — 選擇此選項以顯示使用一或多個SKU的產品

  選取時，此選項會提供​ Product SKUs ​文字方塊，您必須在此輸入要顯示的SKU清單（以逗號分隔）。

  {width="500"}

• Condition — 選擇此選項可根據您定義的一或多個條件顯示產品。

  選取時，會有工具可新增條件至您的產品選擇。 例如，您只能選取「性別」設為Unisex的產品。

  {width="500"}

  note note
  NOTE
  選取類別或SKU選項會提供Position的​ Sort By ​選項。 使用此排序選項，產品會以它們在目錄中出現的相同順序顯示。
  在「類別」選項中，依位置排序會以產品在目錄中顯示的相同順序顯示產品。 針對SKU選項，依位置排序會依照您在​ Product SKUs ​文字方塊中輸入產品的順序顯示產品。

針對​ Sort By，選擇清單中產品的排序順序：

{width="300"}

在轉盤或格線中輸入​ Number of Products to Display。

值可以從1到999。 格線的預設值為5，轉盤預設值為20。

若要決定產品在轉盤中的顯示方式，請選擇​ Carousel Mode：

如果您在這兩種模式之間切換，則會保留其他轉盤設定，但​ Infinite Loop ​設定除外，該設定一律設定為「連續」模式的Yes，且欄位已停用。

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

如有需要，請將​ Autoplay ​選項設定為Yes。

啟用自動播放時，轉盤會在頁面載入時自動開始捲動。 如果您保留預設設定(No)，客戶必須按一下幻燈片導覽（點或箭頭）來依序顯示每張幻燈片。

如果您啟用此功能，請輸入​ Autoplay Speed ​以指定每張投影片之間的延遲時間（毫秒）。 預設值為4000 （4秒）。

如有需要，請將​ Infinite Loop ​選項設定為Yes。

啟用無限回圈時，幻燈片會在頁面開啟時無限期重播。 如果您保留預設設定(No)，幻燈片放映只會播放一次。

如有需要，請將​ Show Arrows ​選項設定為Yes。

啟用此選項時，每張投影片都包含​ 下一個 ​和​ 上一個 ​左右方向的導覽箭頭。 如果您保留預設設定(No)，幻燈片不會顯示導覽箭頭。

如有需要，請將​ Show Dots ​選項設定為No。

當設定為預設設定(Yes)時，導覽點會出現在轉盤滑桿底部。 如果停用此設定，轉盤滑桿就不會顯示導覽點。

若要控制產品清單在父容器中的位置，請選擇​ Alignment：

設定套用至「產品」容器所有四個側面的​ Border ​樣式：

如果您設定了None以外的框線樣式，請完成框線顯示選項：

（選擇性）從目前的樣式表中指定要套用至容器的​ CSS classes ​名稱。

以空格分隔多個類別名稱。

輸入​ Margins and Padding ​的值（以畫素為單位），以決定「產品」容器的外部邊界與內部邊距。

在圖表中輸入對應的值。