建立和管理Widget

Widget是可重複使用的元件。 您可以輕鬆地建立Widget並修改現有元件,以自動更新整個商店的內容。 您也可以刪除不再使用的Widget。

介面工具集 {width="700" modal="regular"}

建立 Widget

每個Widget型別的建立Widget程式幾乎相同。 您可以依照指示的第一部分操作,然後針對您想要的特定型別Widget完成最後一部分。

步驟1:選擇型別

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Elements>Widgets

  2. 按一下​ Add Widget

  3. 在​ Settings ​區段中:

    • 將​ Type ​設定為您要建立的Widget型別。

    • 確認​ Design Theme ​已設定為目前主題。

      Widget設定 {width="600" modal="regular"}

  4. 按一下​ Continue

步驟2:指定店面屬性和佈局

  1. 在​ 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"}

  2. 在​ Layout Updates ​區段中,按一下​ Add Layout Update

  3. 將​ Display On ​設定為要顯示的頁面型別。

  4. 在​ Container ​清單中,選擇要置入的頁面配置區域。

    配置更新 {width="600" modal="regular"}

  5. 如果介面工具集是連結,請將​ Template ​設定為下列其中一項:

    • Block Template — 設定內容格式,以便能作為獨立單位放置在頁面上。
    • Inline Template — 將內容格式化,以便可以放在其他內容中。 例如,文欄位落中的連結。

步驟3:完成Widget選項

各種Widget型別的選項稍有不同,但程式基本相同。 下列範例顯示特定類別的產品清單,具有分頁控制項。

  1. 在左側面板中選擇​ Widget Options

  2. 按一下​ Select Block

  3. 輸入要在清單上方顯示的​ Title,例如Featured Products

  4. 針對分頁控制項,請將​ Display Page Control ​設為Yes並執行下列動作:

    • 輸入​ Number of Products per Page

    • 輸入總計​ Number of Products to Display

    • 將​ Condition ​設定為要精選的產品類別。

      此程式與設定價格規則的條件相同。

步驟4:儲存並檢查結果

  1. 完成時,按一下​ Save

  2. 出現提示時,請依照工作區頂端的指示,視需要更新快取。

  3. 返回您的店面以驗證Widget是否正常運作。

    若要將其移至其他位置,您可以重新開啟Widget,然後嘗試不同的頁面或區塊參考。

Widget建立示範

若要瞭解如何建立Widget,請觀看此影片:

編輯Widget

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Elements>Widgets

  2. 使用格線上方的篩選條件來尋找Widget,然後按一下Widget名稱。

  3. 進行必要的變更。

    如需有關Widget選項的資訊,請檢閱建立Widget的步驟。

  4. 按一下​ Save

刪除Widget

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Elements>Widgets

  2. 使用格線上方的篩選條件來找出介面工具集,然後選取要刪除之介面工具集的核取方塊。

  3. 在清單的左上角,將​ Actions ​設定為Delete

  4. 完成時,按一下​ Submit

  5. 若要確認動作,請按一下​ OK

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de