目錄事件輪播Widget

Adobe Commerce功能 {width="20"} 只有Adobe Commerce才有專屬功能(深入瞭解

目錄事件轉盤Widget會顯示即將發生事件的滑桿,其中會包含每個事件的倒數計時記號。 您可以選擇要轉盤顯示所在之頁面版面配置的頁面和區域,並控制同時顯示的事件寬度和數量。 您得到的結果取決於您的主題、主題在頁面上出現的位置以及您選擇的選項。

在左側邊欄中 事件輪播 {width="700" modal="regular"}

步驟1:啟用目錄輪播Widget

開始之前,請依照指示設定​ 目錄事件 Widget,使其針對店面啟用。

目錄事件設定

步驟2:建立Widget

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

  2. 按一下右上角的​ Add Widget

  3. 在​ Settings ​區段中,執行下列動作:

    • 將​ Type ​設為Catalog Events Carousel

    • 選擇存放區使用的​ Design Theme

  4. 按一下​ Continue

    事件輪播的Widget設定 {width="500" modal="regular"}

  5. 在​ Storefront Properties ​區段中,執行下列動作:

    • 針對​ Widget Title,輸入Widget的描述性標題。

      此標題只會從​ 管理員 ​中顯示。

    • 針對​ Assign to Store Views,選取您要顯示Widget的存放區檢視。

      您可以選取特定的商店檢視,或All Store Views。 若要選取多個檢視,請按住Ctrl鍵(PC)或Command鍵(Mac)並按一下每個選項。

    • (選擇性)針對​ Sort Order,輸入數字以決定此專案在頁面相同部分與其他專案一起出現的順序。 (0 =第一個,1 =第二個,3 =第三個,依此類推。)

      Widget店面屬性 {width="600" modal="regular"}

步驟3:選擇位置

  1. 在​ 配置更新 ​區段中,按一下​ Add Layout Update

  2. 將​ Display On ​設為Specified Page

  3. 將​ Page ​設為CMS Home Page

  4. 設定​ Container ​下列其中一項:

    • Main Content Area
    • Sidebar Additional
    • Sidebar Main
    note note
    NOTE
    結果會因主題和頁面版面配置而異。 您也必須指定類別組態中的​_Catalog Events Carousel Default Template_。
  5. 如果您希望事件轉盤出現在店面的其他位置,請按一下​ Add Layout Update,然後對該位置重複這些步驟。

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

  6. 按一下​ Save and Continue Edit

    現在,您可以忽略訊息以重新整理快取。

步驟4:設定選項

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

  2. 針對​ Frame Size,輸入您要同時列在滑桿中的事件數。

    若要一次僅檢視一個事件,請輸入1

  3. 針對​ Scroll,輸入您每次點按要捲動的事件清單數目。

    若要捲動到下一個事件,請輸入1

  4. 對於自訂寬度,請輸入​ Block Custom Width ​的畫素數。

    在下列範例頁面上,自訂寬度設定為250畫素。

    自訂寬度Widget選項 {width="400" modal="regular"}

  5. 完成時,按一下​ Save

  6. 當提示重新整理快取時,請按一下頁面頂端訊息中的連結,然後依照指示進行。

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