Referencing Files in the Experience Folder

Website Manager assembles a webpage from files stored in the experience and content folders on your web server. In order to compile the webpages, Website Manager must know which folder the files are stored in.

This is achieved by adding "base references" to your templates. When the webpages are compiled the reference is converted to the full path for the required file.

When the template is loaded into the experience profile, (AWM) automatically adds a general base reference to each template's head section pointing to the content folder. The reference to the content folder is added because the largest number of files required to build the website are stored in language folders.

• The Content folder base reference:

  <base href="{sys_content_url}/" />

• When the page is compiled the reference is converted to the full URL and path to the content folder:

  <base href="http://www.acmeteleporters.com/live/content/en/" />

However, references to some files in the experience folder need to be added manually. The reference is added for each of the stylesheets when the template is loaded. Additional image files (such as logos) used by the templates and extra code files you create, need to be manually referenced in the template. The compiled webpages reference the location of external files (such as image files for logos, or javascript files) using their full URL and path.

The following example shows a reference to the Acme logo used by the template:

• The image reference in the template before the code is added:

  <img src="logo.jpg" height="143" width="980" alt="ACME Teleportation">

• The image reference in the template after the code is added:

  <img src="{sys_experience_url}/logo.jpg" height="143" width="980" alt="ACME Teleportation">

• Where images are stored in a sub folder the reference string also includes the name of the sub folder:

  <img src="{sys_experience_url}/images/logo.jpg" height="143" width="980" alt="ACME Teleportation">

• When the page is compiled the reference is converted to the full URL and path to the experience folder:

  <img src="http://www.acmeteleporters.com/live/experiences/acme/logo.jpg" width="980" height="143" alt="ACME Teleportation" />

When the template has been updated and loaded into Website Manager Admin the head section will look something like this:

To Add the Experience References to the Template:

1. Open each template used by your website
2. Locate additional files used by the template which are stored in the experience folder
3. Add the following code to each reference

   {sys_experience_url}/