The template system

The VIMP template system offers two ways of adapting the layout.

On the one hand there is the template. It includes HTML, images and CSS. To create a new template, add a new folder within the templates folder. Within the new folder create the file template.yml with the following structure:

templates:
  unique_template_id:
    name:           Name des Templates
    engine:         PHP
    styles:         [style1, style2]

Each template requires its own unique_template_id to enable VIMP to differentiate the templates. The parameter name defines the name that is displayed within the framework. Currently the only supported template engine is PHP. The parameter styles defines the existing styles (see next paragraph).

On the other hand, there are styles that only affect the CSS and images while keeping the HTML structure. These styles are defined within the template.yml file (see above).

A common template structure looks as follows (where the name of the template folder complies with the unique_template_id):

 

template
+---css
+---images
¦   +---style1
¦   +---style2
¦   +---webtv
+---js
+---scss
+---swfupoader
+---templates
   +---frontend
   ¦    +---module1
   ¦    +---module2
   ¦    +---...
   ¦    +---moduleN
   +---webtv
        +---module1
        +---module2
        +---...
        +---moduleN

For each style an according CSS files is required in the css folder.

Images used by all applications and styles are located directly within the images folder. Style-independent images of the applications are located in the application folder of the images folder. Style-dependend images are located in a separate folder underneath the application folder.

The folder name of the styles have to comply with the defined styles within the template.yml file.

The templates are located underneath the templates folder, separated in applications and modules.