Call 1-888-670-1652

Directory Display

In order to display a directory on the front end of your website, you should first login to your website's administration and, from the homepage, select the "Content Management" icon.

Creating Pages:

Once selected, you will need to create two pages - one that will be used to display the list of categories and their underlying items:

And one that will be used to display the full details of any item that is selected from the first page:


In order to create the categories page, you must first select a parent page (a page underneath which to create your new page) from the "Page Structure" table. Once you have clicked on the desired parent page, simply select the following "Add New Page" icon from the "Actions" drop-down menu located in the table's upper right-hand corner: .

You will then be presented with an array of fields to fill out in order to quickly and easily set up your page. For a brief overview of all of these basic fields, please see the descriptions in the "Creating New Pages" support section.

Once the categories page has been set up, you can create an item details page underneath it, by clicking on the category page's name within the "Page Structure" table, selecting the "Add New Page" icon from the "Actions" drop-down menu located in the table's upper right-hand corner, and filling out the provided form as described in the "Creating New Pages" support section.

Adding Directory Content:

Once your pages have been created, you can begin adding the actual directory content to them.

Category Page Content:

In order to begin adding content, you should first select the categories page from the "Page Structure" hierarchy.

Open the page's "Content" tab and click on the "Edit" icon in order to open the content editing window.

From here, click on the "Source" editor tab in the upper left-hand corner.

Once the "Source" editor window has been opened, place your cursor somewhere between the <body> and </body> tags on the page, and enter the following tags:

<sys:dir-categories directory="DIRECTORY-ID"/>

<sys:dir-items directory="DIRECTORY-ID"/>

When entering the tags, you should replace DIRECTORY-ID in the example above with the actual ID of the directory you wish to display.

This system ID can be found by selecting the desired directory from the "Available Collections" table in the "Setup" section of the "Directory" administration.

Place cursor over the category name and on the bottom of the page you can see category ID. ("DIRT2" in our example)


Once you have entered the tags, simply click "Publish," and you can move on to create content for the item details page.

Item Details Page Content:

In order to set up the item details page, you must first click on its name within the "Page Structure" hierarchy.

Once selected, open the page's "Content" tab and click on the "Edit" icon.

In the editing window that appears, click on the "Source" editor tab in the upper left-hand corner.

Once the "Source" editor window has opened, place your cursor somewhere between the <body> and </body> tags on the page, and enter the following tags:

<sys:dir-categories path="/category-page-url" directory="DIRECTORY-ID"/>

<sys:dir-item-detail directory="DIRECTORY-ID"/>

When entering the tags, you should replace DIRECTORY-ID in the examples above with the actual ID of the directory whose items you wish to display.

This system ID can be found by selecting the desired directory from the "Available Collections" table in the "Setup" section of the "Directory" administration.

You should also be sure to replace /category-page-url in the path attribute of the first tag with the actual file URL of the categories page you have just created, so that the two pages will be connected.

This URL can be found in the "Page" tab of the categories page.

Once you have entered the tags properly, simply click "Publish," and you are all set.