Product Carousel Component (產品輪播元件)顯示一組帶有本地化文字的產品圖片。如果您想將相關產品放在一起展示，這將非常有用。商務營銷人員使用產品輪播元件來改善營銷並提高轉化率。

我們可以建立一個包含產品、類別或產品和類別混合的產品輪播元件。如果將類別新增到元件中，則類別內的所有產品都將在 storefront 中的產品輪播元件中顯示。建立元件時，選擇將從中選擇產品和類別的產品目錄。如果產品或類別尚未同步到產品目錄的線上版本，則這些產品或類別將不會顯示在 storefront 中。

該輪播元件不會自動滾動，因此使用者必須使用左右箭頭來滾動產品。

該元件外觀如下圖所示：

![](https://img-blog.csdnimg.cn/img_convert/ce2447080f983e5a178bb0a72a027c42.png)

此過程描述瞭如何定義產品輪播元件的內容。

定義產品輪播元件的內容，請執行以下操作：

1. 在元件編輯器中，選擇“內容”選項卡。

在“標題”欄位中，選擇語言並指定要在該語言中顯示的標題。

在您的內容目錄支援的每種語言中指定標題。

2. 要向元件新增產品，請單擊“新增產品”按鈕並執行以下操作：

從“目錄版本”列表中選擇要從中選擇產品的產品目錄。

產品列表將顯示出來。

如果您選擇了尚未同步到線上版本的產品目錄版本，則無法在 storefront 中顯示從該目錄選擇的產品。

在產品列表中，滾動列表以查詢產品或開始輸入產品名稱，僅會顯示符合搜尋條件的產品。

單擊產品以將其新增到列表中。

重複這些步驟以將更多產品新增到列表中。

新增完所有所需產品後，請單擊“新增”按鈕。

元件編輯器視窗將顯示所選產品。

3. 要向元件新增類別，請單擊“新增類別”按鈕。

新增類別到元件的步驟與新增產品的步驟相同。

元件編輯器視窗將顯示所選產品和類別。

在儲存元件之前，您可以執行以下操作來向您的產品輪播元件新增產品和/或類別：

(1) 隨時單擊產品或類別列表上方的“新增更多”連結新增其他產品或類別。

(2) 使用拖放功能將產品和類別在列表中上下移動。您還可以使用選單選項在列表中上下移動專案。

從選項選單中選擇“刪除”以從列表中刪除選項。
指定滾動行為：

按需在“基本資訊”和“可見性”選項卡中繼續指定元件的引數。有關更多資訊，請參見從元件型別建立元件。

當您指定元件的所有引數時，請選擇“儲存”。

新元件將出現在內容插槽中定義的內容中。現在，在“新增元件”皮膚的“元件”部分中可用該元件。

SAP Commerce Cloud 的 Product Carousel Component 介紹

相關文章