...
An OFBiz Visual Theme consists of a simple OFBiz component installed, usually, in the themes folder. In the component, all the resources needed by the Visual Theme are defined.
When creating new themes for OFBiz, it is important to follow these guidelines
The simplest way to create a Visual Theme is starting from one of the already available themes in the OFBiz themes folder.
Panel |
---|
NOTE: |
Let's say you want to create a new theme for the backoffice applications called mytheme and have selected bluelight as a starting template.
- Create a new /themes/mytheme folder and copy there all files from the /themes/bluelight folder.
- Rename the folder /themes/mytheme/webapp/bluelight to /themes/mytheme/webapp/mytheme
- Delete all files from the /themes/mytheme/includes folder and add your own header and/of footer files if needed
- Delete all files from the /themes/mytheme/webapp/mytheme folder and add your own css files and images
Panel |
---|
NOTE: |
- Edit the file /themes/mytheme/data/ThemeData.xml as follows:
- change the visualThemeId from "BLUELIGHT" to "MYTHEME"
- if your theme is intended to be used for the Ecommerce application set the visualThemeTypeId="ECOMMERCE"
- if your theme is intended to be used for the backoffice applications set the visualThemeTypeId="BACKOFFICE"
- Change all VisualThemeResource lines to include references to you theme files
- Edit the file /themes/mytheme/webapp/mytheme/WEB-INF/web.xml as follows:
- change the <display-name> and <description> with a description of your theme
- Edit the file /themes/mytheme/ofbiz-component.xml as follows:
- change all "bluelight" occurrences with "mytheme"
...