輪播橫幅 carousel-banners

識別熱點和影像地圖變數 (僅適用於使用Experience Manager Assets + Dynamic Media的客戶)

首先，請識別現有Quickview實作所使用的動態變數，以便在Adobe Experience Manager Assets中的轉盤橫幅建立程式期間正確輸入熱點和影像地圖資料。

可選：視需 要建立轉盤集檢視器預設。

如果您是管理員，可以透過建立自己的轉盤檢視器預設集來自訂轉盤的行為和外觀。 主要優點在於您可以對多個輪播重複使用此自訂檢視器預設集。 不過，使用者可以選擇在編寫轉盤時直接自訂轉盤的行為和外觀。 如果您想要針對特定輪播進行特定設計，則此方法為偏好方法。

上傳影像橫幅.

上傳您想要互動的影像橫幅。

建立轉盤集.

在輪播集中，使用者會瀏覽橫幅影像，並選取熱點或影像地圖以存取相關內容。

若要在資產中建立轉盤集，請選取「 」 建立，然後選取 傳送集. 將資產新增至投影片並選取 儲存. 您也可以直接在編輯器中編輯轉盤的外觀和行為。

將熱點或影像地圖新增至影像橫幅.

將一個或多個熱點或影像地圖新增至影像橫幅，並將每個熱點或影像地圖與連結、快速檢視或體驗片段等動作建立關聯。 新增熱點或影像地圖後，您可以發佈轉盤集來完成此工作。 發佈作業會建立內嵌程式碼，您可將其用於複製並套用至網站登陸頁面。

另請參閱 （選用）預覽轉盤橫幅 — 選擇性。 如有需要，您可以檢視轉盤集的表示方式，並測試其互動性。

發佈輪播橫幅.

您可以像發佈任何資產一樣發佈轉盤集。 在「資產」中，導覽至「轉盤集」並選取它，然後選取 發佈. 發佈轉盤集時會啟用URL和內嵌字串。

執行下列任一項作業：

• 將輪播橫幅新增至您的網站頁面 您可以將傳送橫幅URL或您已複製的內嵌程式碼新增至網站頁面。

  • 將輪播橫幅與現有的快速檢視整合. 如果您使用協力廠商Web內容管理系統，則必須將新的轉盤橫幅與網站上現有的Quickview實作整合。

• 在Experience Manager中將輪播橫幅新增至您的網站 如果您是Experience Manager Sites客戶，可使用互動媒體元件，將轉盤集直接新增至Experience Manager中的頁面。

在「資產」中，導覽至您要建立轉盤集的資料夾，然後前往 建立 > 傳送集.

在輪播橫幅編輯器頁面上，選取 點選以開啟資產選擇器 以選取第一張投影片的影像。

在輪播橫幅編輯器頁面上，執行下列任一項作業：

• 在頁面的左上角附近，選取 新增幻燈片 圖示。

• 在頁面中間附近，選取 點選以開啟資產選擇器.

選取以選取您要納入轉盤集的資產。 選取的資產上面有核取標籤圖示。完成後，在頁面的右上角附近，選取 選取.

使用「資產選擇器」，您可以輸入關鍵字並點選或按一下「退貨」來搜尋 資產。您也可以套用篩選條件來調整搜尋結果。您可以依路徑、系列、檔案類型和標籤來篩選。選取篩選，然後選取 篩選 圖示來切換工作流程。 點選「檢視」圖示並選取「欄檢視」、「卡片檢視」或「清 單檢視」, 以變更 ​檢視 ​。

另請參閱 使用選取器 以取得詳細資訊。

繼續新增投影片，直到在轉盤集內新增所有要旋轉的影像為止。

（可選）執行下列任一項作業：

• 如有必要，請拖曳投影片以重新排序集合清單中的影像。

• 若要刪除影像，請選取該影像，然後選取 刪除幻燈片 （在工具列上）。

• 若要套用預設集，在頁面右上角附近，選取預設集下拉式清單，然後選取要一次套用至預設集的預設集。

若要刪除幻燈片，請選取幻燈片，然後在工具列上選取 刪除幻燈片. 若要移動投影片，請選取重新排序圖示，並按住並移至所需位置。

在幻燈片中新增影像後，您可以在影像中新增熱點、影像地圖或兩者。 另請參閱 將熱點或影像地圖新增至影像橫幅.

您可以變更轉盤集的視覺設計和行為。 選取 行為 和 外觀 索引標籤並調整輪播橫幅的顯示方式或特定元件的行為。 另請參閱 管理檢視器預設集 有關如何使用檢視器編輯器的詳細資訊。

* 影像顯示的持續時間。 依預設，每個影像會顯示9秒。
* 動畫。 依預設，每個幻燈片切換都是淡化。 您可以將其變更為幻燈片切換。
* 按鈕的樣式。 使用者可以點選每個點或數字來旋轉橫幅。 您可以變更設定指示器按鈕出現的位置（如果是數值或虛線樣式），以及大小。
* 變更影像地圖的醒目提示樣式或用於連結區的圖示。
* 編輯檢視器預設集之前，請先選擇要讓預設集以哪個樣式為依據。 如果您未選擇樣式，當您開始編輯檢視器預設集時，如果您決定變更為其他預設集，則會遺失所有變更。

您也可以預覽轉盤橫幅的顯示方式。 另請參閱 （選用）預覽轉盤橫幅.

選取 儲存 完成後。

在「資產」中，導覽至您想要互動的轉盤集。

選取轉盤集並選取 編輯. 「轉盤檢視器編輯器」隨即開啟。

選取您要讓幻燈片互動的幻燈片。

在頁面的左上角附近，選取 熱點 或 影像地圖.

執行下列任一項作業：

• 連結區：在影像上，選取您要顯示連結區的位置。
• 針對影像地圖：在影像上，選取「 」，然後從左上方拖曳至右下方，建立影像地圖區域。 您可以拖曳邊角來調整影像地圖的大小。

如有必要，請將熱點或影像地圖拖曳到新位置。 視需要新增其他熱點或影像地圖。

若要刪除熱點或影像地圖，請選取 動作 標籤。 在「地 圖與熱點 」標題下，從「選定類型 ​ ​」下拉菜單中，選擇要刪除的熱點或影像映射的名稱。選取 垃圾桶 圖示加以選取，然後選取「 」 刪除.

在「名稱」文字欄位中，輸入熱點或影像對映的名稱。 此名稱也會顯示在 地圖與熱點 下拉式清單。 提供名稱可讓您日後決定變更熱點或影像地圖時，輕鬆識別熱點或影像地圖。

在「 」中執行下列任一項作業 動作 標籤：

• 選取 快速檢視.

  • 如果您是Experience Manager Sites和電子商務客戶，請選取「產品選擇器」圖示（放大鏡）以開啟「選取產品」頁面。 選取您要使用的產品，然後選取頁面右上角的核取記號，即可返回輪播橫幅編輯器。

  • 如果您不是Experience Manager Sites或電子商務客戶

    • 另請參閱 識別熱點變數 如果要定義這些變數。

    • 然後，手動輸入SKU值。 在「SKU值」文字欄位中，輸入產品的SKU （庫存單位），這是您提供的每個不同產品或服務的唯一識別碼。 輸入的SKU值會自動填入Quickview範本的變數部分，讓系統知道將點選的熱點與特定SKU的Quickview建立關聯。

    • （選擇性）如果快速檢視中有其他變數您必須用來進一步識別產品，請選取「 」 新增一般變數. 在文字欄位中，指定額外的變數。 例如， category=Mens是新增的變數。

    • 另請參閱 使用選取器 以取得詳細資訊。

• 選取 超連結.

  • 如果您是Experience Manager Sites客戶，請選取「網站選擇器」圖示（資料夾）以導覽至URL。

    note note
    NOTE
    如果您的互動式內容有具有相對URL的連結，尤其是指向Experience Manager Sites頁面的連結，則無法採用URL型連結方法。

  • 如果您是獨立客戶，請在HREF文字欄位中指定連結網頁的完整URL路徑。

請務必指定要在新的瀏覽器分頁（建議的預設值）或相同的分頁中開啟連結。

另請參閱 使用選取器 以取得詳細資訊。

• 選取 體驗片段.

  • 如果您是Experience Manager Sites客戶，請選取「搜尋」圖示（放大鏡）以開啟「體驗片段」頁面。 選取您要使用的體驗片段，然後選取 選取 位於頁面的右上角，方便您返回「熱點管理」頁面。
    另請參閱 體驗片段.

  • 指定體驗片段在橫幅上顯示的寬度和高度。

    note note
    NOTE
    將檢視器嵌入體驗片段時，不支援轉盤橫幅中的社群媒體分享工具。
    若要解決此問題，請建立沒有社群媒體分享工具的檢視器預設集。 這類檢視器預設集可讓您成功將其嵌入體驗片段中。

您也可以預覽轉盤橫幅的顯示方式。 另請參閱 （選用）預覽轉盤橫幅.

選取「儲存」。

發佈轉盤集。 發佈作業會建立可在網站頁面上使用的內嵌程式碼或URL。 如果您是Experience Manager Sites客戶，可以將轉盤集直接新增至您的網頁。

另請參閱 發佈資產.

另請參閱 新增輪播集至您的網站登陸頁面

執行下列任一項作業：

• 暫留在轉盤集資產上，然後選取「 」 編輯 （鉛筆圖示）。

• 將滑鼠指標暫留在轉盤集資產上，選取 選取 （勾選圖示），然後選取 編輯 （在工具列上）。

• 選取「轉盤集」資產，然後在頁面左上角選取 編輯 （鉛筆圖示）。

若要編輯轉盤集，請執行下列任一項作業：

• 若要新增幻燈片，請選取 新增幻燈片 圖示然後導覽至您要新增至該幻燈片的資產，並選取核取標籤。
• 若要重新排列投影片，請將投影片拖曳至新的位置（選取重新排列圖示以移動專案）。
• 若要新增熱點或影像地圖，請選取熱點或影像地圖圖示，並參閱 新增連結區和影像地圖.
• 若要編輯轉盤集的外觀或行為，請選取 外觀 標籤或 行為 標籤，然後設定您想要的選項。
• 若要編輯熱點或影像地圖，請在適當的投影片上，選取熱點或影像地圖，然後視需要在 動作 標籤。
• 若要刪除幻燈片，請選取幻燈片，然後選取 刪除幻燈片 （在工具列上）。
• 若要套用預設集，在頁面右上角附近，選取 預設集 下拉式清單，然後選取檢視器預設集。
• 若要刪除整個轉盤集，請導覽至轉盤集，選取該集，然後選取「 」 刪除.

在 資產，導覽至您已建立的現有輪播橫幅，並選取以開啟它。

選取​ 編輯。

在工具列右角的檢視器預設集清單中，選取檢視器以預覽輪播橫幅。

選取 預覽.

選取影像上的熱點或影像地圖，以便測試其相關動作。

複製已發佈轉盤集的內嵌程式碼。
另請參閱 將視訊或影像檢視器內嵌在網頁上.

將您從Experience Manager Assets複製的內嵌程式碼新增至網頁。
複製的內嵌程式碼會回應，因此必須自動符合頁面的內嵌區域。