将 eCatalog 链接到网页

您的网站和应用程序通过URL字符串或嵌入代码访问Dynamic Media图像服务器内容,包括eCatalog。 这些 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-Hans#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