Link an eCatalog to a web page linking-an-ecatalog-to-a-web-page

Your web sites and applications access Dynamic Media Image Server content, including eCatalogs, by way of URL strings or embedded code. These URL strings are activated during the publishing process. To place the URL string or embedded code for your eCatalog in your web pages and applications, you copy it from Adobe Dynamic Media Classic.

NOTE
The URL is not active until you publish the asset.

Copy an eCatalog URL copying-an-ecatalog-url

  1. In the Asset Browse panel, in the Show drop-down list, select Catalog.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the eCatalog whose embed code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Copy URL to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

Add eCatalog URLs to your web page adding-ecatalog-urls-to-your-web-page

The most common way to deploy an eCatalog is to place a link in the form of an eCatalog thumbnail cover page on your web page. Work with your IT team to make sure that the eCatalog launches in a clean, centered pop-up window. Ask your IT team to keep the toolbar and address bar in the browser from showing.

For more details and code samples, see Embed HTML5 eCatalog Viewer in the Adobe Viewers Reference Guide.

Copy the embed code of an eCatalog viewer copying-the-embed-code-of-an-ecatalog-viewer

Using the Embed Code feature lets you review the viewer code for the selected eCatalog. You can also copy the code to the clipboard so you can paste it in your web pages for deployment of the viewer. Editing of the code is not permitted in the Embed Code dialog box.

To copy the embed code of an eCatalog viewer:

  1. In the Asset Browse panel, in the Show drop-down list, select Catalog.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the eCatalog whose embed code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs panel on the right, select Embed Code.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

  4. In the Embed Code dialog box, select Copy to Clipboard.

    Editing the code is not permitted in the Embed Code dialog box.

  5. Select Close.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26