loading table of contents...

5.6. Enabling Preview of Commerce Category Pages in Studio

When you have links in your content that point to an Augmented Category content item, CoreMedia DXP 8 allows you to build links instead, that link to the corresponding commerce category page. The feature depends on the configuration flag livecontext.policy.commerce-category-links which is located in the LiveContext settings document, that is linked to the root channel of a site. If this Boolean property is set to true, the CAE will render links for augmented categories that point to the corresponding category page of the commerce system instead of rendering a regular CAE page link (see Section 5.5, “Link Building for Fragments”). In this case, the Studio user wants to see the commerce category page in the preview too.

In order to enable the preview of Commerce category pages in Studio, proceed as follows:

  1. Open the CommonJSToInclude.jspf file and ensure that ${jsAssetsDir}javascript/CoreMedia/coremedia-pbe.js is included if _cm_page_pbe_pageData is not empty.

  1. Open the application.properties file of the studio-webapp. The studio.previewUrlWhitelist property must contain the commerce URL (including the port, for example *coremedia.com or http://localhost:40080). Be aware that this property overwrites the studio.previewUrlPrefix property, so you have to add the default CAE preview URL to the studio.previewUrlWhitelist property too.

[Note]Note

If your IBM WCS shop storefront uses any clickjacking prevention features (for example, X-Frame-Options (see http://www-01.ibm.com/support/knowledgecenter/SSZLC2_7.0.0/com.ibm.commerce.admin.doc/tasks/tseiframerestrictxframe.htm?lang=en for details), please make sure to allow the shop preview (IBM WCS Staging-/Authoringserver) being embedded as an iframe within CoreMedia Studio.