Show Menu
TOPICS×

Linking a Swatch Set to a web page

After you publish a Swatch Set, you can use its URL or embed code in your web site or application. Then you can deploy the URL or embed code as necessary so users can view the Swatch Set on your web site or application.
The URL is not active until you publish the asset.

Copying a Swatch Set URL

  1. In the Asset Browse panel, in the Show drop-down list, click Swatch Set .
  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Swatch Set 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 Swatch Set URLs to your web page

The most common way to deploy Swatch Sets is to place a link (via a navigation icon) on your web page. When clicked, the link launches a dynamic page (ASP or JSP) that displays the Swatch Set in a pop-up zoom window. The zoom link opens a pop-up window that contains the actual zoom feature.
For additional details and code samples, see Embedding HTML5 Zoom Viewer in the Adobe Viewers Reference Guide .

Copying the embed code of a Swatch Set viewer

Using the Embed Code feature lets you review the viewer code for the selected Swatch Set. 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 a Swatch Set viewer
  1. In the Asset Browse panel, in the Show drop-down list, click Swatch Set .
  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Swatch Set 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 Embed Code 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 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 .