Show Menu
TOPICS×

Linking an eCatalog to a web page

Your web sites and applications access Dynamic Media Classic 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 the Scene7 Publishing System.
The URL is not active until you publish the asset.

Copying an eCatalog URL

  1. In the Asset Browse panel, in the Show drop-down list, click 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:
    • Click 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, click Copy URL to the right of the viewer you want.
    • Click Grid View . In the Asset Browse panel, select a single asset, and then below the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .
    • Click List View . In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .
    • Click Grid View , List View , or Detail View . On the same toolbar, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .

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 additional details and code samples, see Embedding HTML5 eCatalog Viewer in the Viewers Reference Guide .

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, click 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:
    • Click 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, click Embed Code .
    • Click Grid View . In the Asset Browse panel, select a single asset, and then below the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
    • Click List View . In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
    • Click Grid View , List View , or Detail View . On the same toolbar, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
  4. In the Embed Code dialog box, click Copy to Clipboard .
    Editing the code is not permitted in the Embed Code dialog box.
  5. Click Close.