建立和管理Widget
Widget是可重複使用的元件。 您可以輕鬆地建立Widget並修改現有元件,以自動更新整個商店的內容。 您也可以刪除不再使用的Widget。
{width="700" modal="regular"}
建立 Widget
每個Widget型別的建立Widget程式幾乎相同。 您可以依照指示的第一部分操作,然後針對您想要的特定型別Widget完成最後一部分。
步驟1:選擇型別
-
在 管理員 側邊欄上,移至 Content > Elements>Widgets。
-
按一下 Add Widget。
-
在 Settings 區段中:
-
將 Type 設定為您要建立的Widget型別。
-
確認 Design Theme 已設定為目前主題。
{width="600" modal="regular"}
-
-
按一下 Continue。
步驟2:指定店面屬性和佈局
-
在 Storefront Properties 區段中:
-
針對 Widget Title,輸入Widget的描述性標題。
此標題只會從管理員看到。
-
針對 Assign to Store Views,選取您要顯示Widget的存放區檢視。
您可以選取特定的商店檢視,或
All Store Views
。 若要選取多個檢視,請按住Ctrl鍵(PC)或Command鍵(Mac)並按一下每個選項。 -
(選擇性)針對 Sort Order,輸入數字以決定此專案在頁面相同部分與其他專案一起出現的順序。 (
0
=第一個,1
=第二個,3
=第三個,依此類推。){width="600" modal="regular"}
-
-
在 Layout Updates 區段中,按一下 Add Layout Update。
-
將 Display On 設定為要顯示的頁面型別。
-
在 Container 清單中,選擇要置入的頁面配置區域。
{width="600" modal="regular"}
-
如果介面工具集是連結,請將 Template 設定為下列其中一項:
Block Template
— 設定內容格式,以便能作為獨立單位放置在頁面上。Inline Template
— 將內容格式化,以便可以放在其他內容中。 例如,文欄位落中的連結。
步驟3:完成Widget選項
各種Widget型別的選項稍有不同,但程式基本相同。 下列範例顯示特定類別的產品清單,具有分頁控制項。
-
在左側面板中選擇 Widget Options。
-
按一下 Select Block。
-
輸入要在清單上方顯示的 Title,例如
Featured Products
。 -
針對分頁控制項,請將 Display Page Control 設為
Yes
並執行下列動作:-
輸入 Number of Products per Page。
-
輸入總計 Number of Products to Display。
-
將 Condition 設定為要精選的產品類別。
此程式與設定價格規則的條件相同。
-
步驟4:儲存並檢查結果
-
完成時,按一下 Save。
-
出現提示時,請依照工作區頂端的指示,視需要更新快取。
-
返回您的店面以驗證Widget是否正常運作。
若要將其移至其他位置,您可以重新開啟Widget,然後嘗試不同的頁面或區塊參考。
Widget建立示範
若要瞭解如何建立Widget,請觀看此影片:
編輯Widget
-
在 管理員 側邊欄上,移至 Content > Elements>Widgets。
-
使用格線上方的篩選條件來尋找Widget,然後按一下Widget名稱。
-
進行必要的變更。
如需有關Widget選項的資訊,請檢閱建立Widget的步驟。
-
按一下 Save。
刪除Widget
-
在 管理員 側邊欄上,移至 Content > Elements>Widgets。
-
使用格線上方的篩選條件來找出介面工具集,然後選取要刪除之介面工具集的核取方塊。
-
在清單的左上角,將 Actions 設定為
Delete
。 -
完成時,按一下 Submit。
-
若要確認動作,請按一下 OK。