連結 eCatalog 至網頁

您的網站和應用程式可透過URL字串或內嵌程式碼存取Dynamic Media影像伺服器內容,包括eCatalogs。 這些 URL 字串會在發佈程序中啟用。若要將eCatalog的URL字串或內嵌程式碼放入網頁和應用程式,請從Dynamic Media經典複製。

注意

在發佈資產之前,URL 不會產生作用。

複製 eCatalog URL

  1. 在「資產瀏覽」面板中,從「顯示」下拉式清單中按一下「目錄」。

  2. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之eCatalog 的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:

    • 按一下「格點檢視」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側「URL」和「內嵌程式碼」面板中,按一下您要的檢視器右側的「複製 URL」。

    • 按一下「格點檢視」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。

    • 按一下「清單檢視」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。

    • 按一下「格點檢視」、「清單檢視」或「詳細檢視」。在同一個工具列上,按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。

增加 eCatalog URL 至網頁

部署 eCatalog 最常見的方式,就是以 eCatalog 縮圖封面頁的形式,在網頁上放置連結。請與您的 IT 團隊合作,以確認 eCatalog 會在整潔、置中的彈出式視窗中啟動。要求您的 IT 團隊避免將工具列與位址列顯示在瀏覽器中。

如需詳細資訊和程式碼範例,請參閱Adobe檢視器參考指南](/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/ecatalog/c-html5-20-ecatalog-viewer-about.html?lang=zh-Hant#section-e1c3106f5b3e445d9b95be337c2f94e2)中的[內嵌HTML5 eCatalog檢視器。

複製 eCatalog 檢視器的內嵌程式碼

您可使用「內嵌程式碼」功能查看所選 eCatalog 的檢視器程式碼。您也可以將該程式碼複製到剪貼簿,然後在您的網頁中貼上,以便部署檢視器。「內嵌代碼」對話方塊中不允許編 輯代碼 。

複製 eCatalog 檢視器的內嵌程式碼

  1. 在「資產瀏覽」面板中,從「顯示」下拉式清單中按一下「目錄」。

  2. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之eCatalog 的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:

    • 按一下「格點檢視」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側的 URL 面板中,按一下「內嵌程式碼」。

    • 按一下「格點檢視」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。

    • 按一下「清單檢視」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。

    • 按一下「格點檢視」、「清單檢視」或「詳細檢視」。在同一個工具列上,按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。

  4. 在「內嵌程式碼」對話框中,按一下「複製至剪貼簿」。

    不可在「內嵌程式碼」對話框中編輯程式碼。

  5. 按一下 關閉。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now