Changing the color scheme
You can easily adjust any of the existing themes or create your own unique theme.  We recommend creating your own theme so that any changes you make will not get overwritten when you install updates for Active Purchase

Creating a new theme

1. Open the DesktopModules/ActivePurchase/themes folder.
2. Create an new folder with the name of your theme.
3. Copy the module.css file and images from any of the existing themes.
4. Modify the module.css and images to meet your needs.

NOTE:Your new theme will automatically appear in the list of themes under main options the next time you access the control panel.

Understanding the CSS classes for the product list.
The image below will help you understand which css classes from the module.css you will need to modify to create your new theme.


Changing the layout of the product list
Active Purchase makes use of basic template files in many areas of the application.  Templates allow you to modify the display of items without having to access any source code.

Changing the Product List template

1. Click on the Wizard Steps icon from within the Active Purchase control panel.
2. Click the pencil icon next to the ProductList step.
3. Make changes as neccessary to the HTML template.
4. Click the save button to complete your changes.

Understanding the ProductList tokens
The diagram below will provide you with the necessary details for you modify the ProductList template.