loading table of contents...

6.2.3.10. Replacing WCS Images in Products and SKUs with CMS Images

CoreMedia DXP 8 allows you to manage images in the CoreMedia system that will be included in products and SKUs of the IBM WebSphere Commerce system.

Adding images is a two-step process. First you have to add a product or SKU to a Picture item and afterwards you have to add a specific URL to the product definition in the IBM system.

Fallback images

You don't have to assign every SKU to a picture document. If an SKU is not assigned to a picture document the asset management searches for the picture document assigned to the master product of the SKU or uses the default image for the site.

Assign a Product to an Image

In order to map an image from the CoreMedia system to an IBM WebSphere commerce product, you have to link from a Picture item to a product. Proceed as follows:

  1. Open the Picture content item that contains the image that you want to assign to the product.

  2. Open the Metadata tab of the document.

  3. Find the product for which you want to define an image in the Library and drag it onto the Assigned Products link list.

Assign a product to a picture

Figure 6.33. Assign a product to a picture


[Note]Note

The Assigned Products property is the same that is used to fill the Asset Widget as described in Section 6.2.3.9, “Adding Content with the Asset Widget”. So, when you use both approaches in parallel, the product image in the PDP will be replaced with the content of the Asset Widget. All other occurrences of the product image (teaser, thumbnails...) will be replaced with the first image defined in the property.

Add the Image URL to the Product

In order to let the IBM WebSphere Commerce system request the image from the CoreMedia system you have to add a CoreMedia URL to the product definition. The URL has the following format: 

http://<cmshost>:<cmsport>/blueprint/servlet/catalogimage/product/<storeId>/en_US/thumbnail/<SKUNumber>.png
http://<cmshost>:<cmsport>/blueprint/servlet/catalogimage/product/<storeId>/en_US/full/<SKUNumber>.png

You will get the URL from your system administrator.

  1. Open the product definition in the IBM WebSphere Commerce Server Management Center.

  2. Open the Manage Product tab.

  3. Enter the appropriate URL into the Thumbnail and Full image properties.

Now, you will see the new image from the CoreMedia system displayed in the WCS.

Set Product Image URLs in Management Center

Figure 6.34. Set Product Image URLs in Management Center


Adding Default Image

When there is no image defined for a category, an SKU or a master product, the system will look for a default image. Proceed as follows, to define the default image:

  1. Open the root Page content item of your site.

  2. Add a link property with name livecontext.assets.default.picture to the Local Settings field of the Settings tab.

  3. Drag the Picture item with the default image to the new link property.

Set default catalog picture in Studio

Figure 6.35. Set default catalog picture in Studio


Now you have defined a default image for your site.

Prev Up Next
 Home