Quick Start: eCatalogs

An eCatalog is a digital, web version of print material—a catalog, brochure, flyer, product manual, or advertising circular, for example. An eCatalog is displayed in an eCatalog Viewer on a web site. This viewer simulates the experience of reading printed material. Depending on the settings you choose for your eCatalog, the viewer can let you do the following:

  • Search the catalog for a keyword or keywords. The search results are displayed as a list of thumbnails in a search panel on the left side of the catalog. Each clickable thumbnail represents a catalog spread where the highlighted search term was found.

  • Share the catalog by way of social media; download the catalog to view offline; enable Favorites to mark items you want to return to quickly, or print the catalog.

  • Navigate the catalog using the table of contents or the page grid view; page forward or backward by clicking the middle edge of a page.

  • Zoom in, zoom out, and pan to examine items on a page.

  • Move the pointer over a page region (called an Image Map) so you can see a pop-up window with information about an item.

  • Click a page region so it opens a new web page with more information about an item.

  • Write a sticky note and attach it to an eCatalog page.

  • Tap image map icons if you want to launch related web pages or in-context info panels.

  • Use gesture interactions, including pinching to zoom and swiping to turn pages.

  • Search by keyword for items.

The eCatalog as it appears to users. A) eCatalog opening page. B)eCatalog turned to page 2.

To create an eCatalog, you typically use high-resolution PDF files created in Adobe® Acrobat® or another print program, but you can also create an eCatalog from image files.

As part of creating your eCatalog, you can arrange pages or page spreads in the order you choose. You can also declare whether you want single pages, double-page spreads, or multi-page spreads. You can create Image Maps for page regions so that viewers can, for example, click an area on the page and open a new page on your web site. You can manage the rollover text that appears using InfoPanel settings within the eCatalog screen. You can also configure the eCatalog Viewer by choosing from more than 100 different configuration options. You can tailor the features and the appearance of your Viewer for your particular audience.


If you are a Dynamic Media - Scene7 mode user and want to use eCatalogs, you must edit the pdfbrochure value in CRXDE Lite. To do so, in Adobe Experience Manager, click Tools > General > CRXDE Lite. In the left panel navigation tree, navigate to /conf/global/settings/cloudconfigs/dmscene7/jcr:content/mimeTypes/application_pdf.

In the lower right pane, in the Properties tab, select the jobParam row. Set the value for pdfbrochure from false to true. As in pdfbrochure=true

In the upper-left corner of the CRXDE Lite page, click Save All.

You are now able to author eCatalogs in Dynamic Media Classic.

This eCatalog Quick Start is designed to help you get up and running quickly with eCatalogs. Follow steps 1 through 7. After each step is a cross-reference to a topic heading where you can find more information.

1. Uploading the PDF files

Adobe PDF files are usually the source for an eCatalog. Because they are meant to be printed, PDF files usually contain CMYK images. Dynamic Media Classic detects these images and converts them using a standard CMYK color profile. However, you must upload and use a custom color profile.

On the Global Navigation bar, click Upload to start uploading PDF files or images for your eCatalog. You can upload files from your desktop or via FTP; FTP is recommended if you are uploading many files or files larger than 100 MB.

Under PDF Options, the Upload screen provides options for uploading PDF files at the proper resolution and correct color space. A 150 pixels-per-inch resolution is recommended. You can select the Auto-Generate eCatalog option to create an eCatalog when you upload a PDF file.

See Uploading the PDF files.

2. Creating an eCatalog

Create your eCatalog by selecting PDF or image files in the Browse Panel. Click Build, then choose eCatalogs.

On the eCatalog page, on the Order Pages tab, select a Layout option: 1 Up, 2 Up, or Custom. You can rearrange pages or spreads by dragging them or, in a large eCatalog, choosing a page name on the Move To menu.

To add pages, select a folder in the Asset Library, and then drag PDF or image files from into the Order Pages screen. Instead of default page numbers, you can provide custom page names or import many page names.

Click Save, enter a name for your eCatalog, choose a Dynamic Media Classic folder for storing it, and click Save. Each time you change the page order or edit your eCatalog, save your changes by clicking Save.

See Creating an eCatalog.

3. Creating Image Maps

Image Maps add another aspect to eCatalog pages. An Image Map is a region on a page that delivers more information about an item. When viewers roll the pointer over an Image Map, they see a description of the item. Clicking an Image Map activates an external reference that opens a new web page where you can learn more about an item.

To create an Image Map, open the eCatalog screen. Then go to the Map Pages tab of the eCatalog screen, and frame the map with the Rectangle Image Map tool or Polygon Image Map tool. You can adjust the position and size of Image Maps by dragging map borders with the Pan tool.

After you frame the Image Map, enter the URL address that you want to go to when you click the Image Map. You can also enter the rollover text that appears when you move your pointer over the Image Map.

See Creating eCatalog Image Maps.

See Using Image Maps to embed rich media in an eCatalog.

You can set up and manage the image map text using the Info Panel settings in the eCatalog screen.

See Managing Info Panel content.

4. Setting up eCatalog Viewer Presets

End users see your eCatalog in the eCatalog Viewer. If you are an administrator, you can configure the eCatalog Viewer. You can change its outline color and select a new “skin” to brand your eCatalog. Dynamic Media Classic comes with several “best practice” eCatalog Viewer Presets. You can choose one of these presets for displaying your eCatalogs. You can also create an eCatalog Viewer Preset of your own if you are an administrator.

To create an eCatalog Viewer Preset, on the Global Navigation bar, click Setup and choose Viewer Presets. Then click Add, choose a platform, then click eCatalog > Viewer.

See Setting up eCatalog Viewer Presets.

5. Previewing eCatalogs in the eCatalog Viewer

eCatalog Viewer Presets determine the style and behavior of your eCatalog Viewers.

To find out how eCatalog Viewer Presets display your eCatalog, select your eCatalog in the Browse Panel and click Preview. The Preview screen opens in the default viewer.

Notice the orientation, color scheme, what the controls for changing pages look like, and what pages look like when they are turned.

See Previewing eCatalogs in the eCatalog Viewer.

6. Publishing eCatalog and associated PDFs

Publishing your eCatalog and associated PDF places it on Dynamic Media Image Servers so that it can be delivered to your web site and application. As part of the publishing process, Dynamic Media Classic activates the URL string for your eCatalog. Use this URL to call the eCatalog from Dynamic Media Image Servers to your web site or application.

After marking your eCatalog and PDF for publish in the Browse Panel, select the Publish button on the Global Navigation bar to initiate a publish. On the Publish screen, click Submit Publish.

See Publishing eCatalogs and associated PDFs.

7. Linking an eCatalog to a web page

Dynamic Media Classic activates the URL callout string necessary for displaying your eCatalog when you publish it to Dynamic Media Image Servers. You can copy this URL string from the Preview screen and the Browse Panel (in Detail view) by selecting URLs in the panel. After you copy the URL string, it is available to your web sites and applications.

Work with your IT team to place the link to the eCatalog in the appropriate place in your web page. When users click the link, the eCatalog Viewer appears and users can browse your eCatalog.

See Linking an eCatalog to a web page.

On this page