An Image Map is a region on an eCatalog page that you can roll over with your mouse or click to trigger actions of various kinds. When you move the pointer over an Image Map, you see, for example, a rollover-text description of an item. When you click an Image Map, another action is initiated. For example, you can open a web page so that viewers can learn more about an item or purchase it or you can launch a video to see an item in use.
For eCatalogs, you draw Image Maps on the Map Pages tab of the eCatalog screen. This screen consists of the Image Map area where eCatalog pages are displayed and, on the right, the Image Map list. As you create Image Maps, their names are entered on the Image Map List.
Select the Polygon Image Map tool and click as many times as necessary around the perimeter of the image. As you click, Scene7 draws the borders of the Image Map.
You can have viewers open a new web page when they click the Image Map. In the Image Map list panel, enter the URL of the web page in the URL column.
Click Edit and enter a template to make entering URLs (Href templates) easier.
(Optional) In the Show drop-down list, click Other Actions, and enter an attribute to trigger a blur or focus action when users move their pointers over an Image Map.
To delete an Image Map, select its name in the Image Map list and click Delete. To temporarily disable an Image Map on a page without deleting the Image Map, deselect the Image Map’s On option in the Image Map List panel.
You can use eCatalog’s Rich Media option to add videos in MP4 format or spin sets to Image Maps that you have added to an eCatalog. When a user clicks the Image Map area in the eCatalog, the associated video or spin set pops up. This functionality is especially helpful if you want customers to see an item in use or see an item from different angles and perspectives.
You can also optionally display tool tip text when customers move their pointers over your Image Map so they know what they are clicking.
To embed rich media in an eCatalog
Starting on the Map Pages tab of the eCatalog screen, use these techniques to edit eCatalog Image Maps:
Adjusting the position
Select the Pan tool and move the pointer near but not over the border of the map. When the pointer shows a four-headed arrow, drag the entire image map to a new location.
Changing the shape and size
To resize a rectangular Image Map, select the Pan tool. Then move the pointer over a borderline or a corner, and when you see the double-headed arrow icon, drag. To resize a polygonal Image Map, drag a square selection handle. To create a selection handle, click the border of the Image Map and drag.
Deleting Image Maps
Select the Pan tool, click the Image Map to select it, and then click Delete.
To remove all Image Maps from an eCatalog, click the Order Pages tab, and then click Clear Maps.
Handling overlapping Image Maps
Drag to change the order of Image Maps on the Image Map list.
Copying Image Maps to other pages
Select the Copy Maps To button (make sure you are on the Map Pages tab). On the Select Images screen, select the page or pages where you want to copy the Image Maps, and click the Select button.
As well as copying Image Maps to different pages in an eCatalog, you can copy all the Image Maps in an eCatalog to a different eCatalog. See Copying Image Maps between eCatalogs.
The Map Summary screen provides metadata about your eCatalog. You can also batch-import Image Map data for your eCatalog starting on the Map Summary screen. Importing Image Map data this way makes it easier to enter Image Map URLs and rollover text.
To see the Map Summary screen, on the Map Pages tab of the eCatalog screen click Summary.
Rather than enter Image Map data on each page, you can import the data for your entire eCatalog into the Map Summary screen. You import the Image Map data in the form of a tab-delimited file or XML DTD. The fields in your file must be in the order shown in the Map Summary screen: Name, TOC Labels, Maps, URLs, Rollover Text, Other Actions, and Search Strings. Importing Image Map data saves you the trouble of entering the data in the Image Map List as you create each Image Map.
Before importing Image Map data, you must have already created the Image Maps.
Starting on the Map Summary screen, follow these steps to import Image Map data for Image Maps you have created:
You can copy all the Image Maps in an eCatalog to a different eCatalog. Copying Image Maps this way is a convenient method of copying Image Maps between foreign-language translations of the same eCatalog. For the copying to be successful, Scene7 recommends copying between eCatalogs with the same number of pages and same images.
If the eCatalog to which you copy Image Maps already contains Image Maps, those Image Maps are deleted when the copy is made.