Request Demo
Try the demo online to see how it works in real for you.
|
Version 5.0.10. 2010-06-30
- New version update in AJAX popup.
- Enlarge back-end working area.
- New FCKeditor has been upgraded with more functionalities such as Flash, full screen, preview, etc.
- New FCKeditor is not compatible with Safari and Google Chrome browser.
- Enhance Design Template page in Content Management.
|
| |
|
Flexible Design
Template Structure
Design template consists of a set of HTML, CSS and XML files for you to apply the design for your web pages. To make it easy, you can either customize your own design using Adobe Photoshop or purchase from template sites such as Template Monster or BoxedArt. Then, publish it to a set of files as below.
1. HTML Files to Apply Page Design
 |
 |
|
 |
 |
 |
| Compulsory HTML files and file naming. |
|
Optional HTML files with own file naming. |
For example, you can have your Home page use the "home.html" template file, and all other pages to use "content.html". You can also create additional pages for your products and have them use the "product.html" file and so on.
2. CSS and XML Files
 |
 |
 |
Cascading Style Sheet file to define the style of web pages.
|
Define the Menu location of entire website structure.
|
Define Banner location for your website in case you need them.
|
All the 3 files are compulsory and their file names have to be as shown: style.css, menu.xml and banner.xml.
3. Image Folder
Store all the images for the design template in a folder called images.
4. Compress into ZIP File
You can then compress all files into a ZIP file. Load it into the Content Management > Design Template area. Alternatively, you can FTP your template files into the location at /adminfolder/content/template.
Sample Template
Download our sample template file to learn how to customize your own design template.
Template Variables
There are variables that you should use when creating your HTML files. The explanation is as below. You can refer to the sample template for reference as well. All variables will be replaced with dynamic values for each pages.
| {webpath} |
Exact URL for the file location.
|
| {meta_title} |
META title for your page.
|
| {meta_keyword} |
META keyword.
|
| {meta_desc} |
META description. |
| {meta_googleverify} |
Google site verification code. You can insert the code in Content Management > Settings area. |
| {Content} |
Display area where you edit the page content. |
| {MenuTop} |
MenuTop is as defined in menu.xml. It is where the menu will be shown. |
| {MenuTopSub} |
MenuTopSub indicates if the menu has a sub menu. |
| <!--BeginMenuTopLoop--> |
Tag where it indicates the begining of the loop to generate the menu. |
| <!--EndMenuTopLoop--> |
Tag where it indicates the end of the loop to generate the menu. |
Replace MenuTop with other values as defined in menu.xml. You can create more than 1 menu location for your web pages. This goes to the same for banner.xml. See the screen shot below.
|
