...
The simplest way to create a Visual Theme is starting from one of the already available themes in the OFBiz themes folder.
Panel |
---|
NOTE: |
Note |
---|
https://issues.apache.org/jira/browse/OFBIZ-3490 has a script to copy one theme to a new one. |
...
- 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
- You can add more references like styies but using the sequence. this will determine how they are places in the web pages.
- You can also add Variables that you can use in the includes/* files. For instance ROBOTTEXT.
...
If you want to upload your theme to the Visual Theme Gallery, simply create a mytheme.zip file from the /themes/mytheme folder and upload to the gallery.
Enjoy !