輪播橫幅 carousel-banners

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

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

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

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

上傳影像橫幅。

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

建立轉盤集。

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

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

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

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

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

Publish輪播橫幅。

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

執行下列任一項作業：

• 新增轉盤橫幅至您的網站頁面您可以新增轉盤橫幅URL或已複製到網站頁面上的內嵌程式碼。

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

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

在Assets中，導覽至您要建立轉盤集的資料夾，然後前往​ 建立 > 轉盤集。

在輪播橫幅編輯器頁面上，選取​ 點選以開啟「資產選取器」 ​以選取您第一張幻燈片的影像。

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

• 在頁面的左上角附近，選取​ 新增投影片 ​圖示。

• 在頁面中間附近，選取​ 點選以開啟「資產選取器」。

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

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

如需詳細資訊，請參閱使用選取器。

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

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

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

• 若要刪除影像，請選取影像，然後選取工具列上的​ 刪除投影片。

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

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

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

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

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

您也可以預覽轉盤橫幅的顯示方式。 檢視 （選擇性）預覽轉盤橫幅。

完成時選取​ 儲存。

在Assets中，導覽至您想要產生互動式的轉盤集。

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

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

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

執行下列任一項作業：

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

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

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

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

在​ 動作 ​索引標籤中執行下列任一項動作：

• 選取​ 快速檢視。

  • 如果您是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
    將檢視器嵌入體驗片段時，不支援轉盤橫幅中的社群媒體分享工具。
    若要解決此問題，請建立沒有社群媒體分享工具的檢視器預設集。 這類檢視器預設集可讓您成功將其嵌入體驗片段中。

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

選取「儲存」。

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

請參閱發佈資產。

請參閱新增轉盤集至您的網站登陸頁面

執行下列任一項作業：

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

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

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

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

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

在​ Assets ​中，導覽至您已建立的現有轉盤橫幅，並選取以開啟。

選取​ 編輯。

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

選取​ 預覽。

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

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

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