目錄事件輪播Widget

Adobe Commerce功能 {width="20"} 僅於Adobe Commerce獨家功能(瞭解更多)

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

左側邊欄中的事件輪播

步驟1:啟用目錄輪播Widget

開始之前,請遵循 指示 以設定 目錄事件 Widget,以便為店面啟用。

目錄事件設定

步驟2:建立Widget

  1. 管理員 側欄,前往 Content > Elements>Widgets.

  2. 在右上角,按一下 Add Widget.

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

    • 設定 TypeCatalog 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)並按一下每個選項。

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

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

步驟3:選擇位置

  1. 版面配置更新 區段,按一下 Add Layout Update.

  2. 設定 Display OnSpecified Page.

  3. 設定 PageCMS 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