Ok,
Make copies of each of the colour css file renamed to your new colour. For example, Copy red.css and red-ie.php and save the copies as for example purple.css and purple-ie.php
Then do the same for the Images folders. IE- make a copy of images>red and save it as image>purple
Finally, open templateDetails.xml and look for the following
<param name="ja_color" type="list" default="default" label="Default Style" description="Default style. If Style Switching is enabled, the selected style on frontpage will be saved. You must disable Style Switching or clear cookie to activate the new default style">
<option value="default">default</option>
<option value="blue">blue</option>
<option value="red">red</option>
</param>
and change to
<param name="ja_color" type="list" default="default" label="Default Style" description="Default style. If Style Switching is enabled, the selected style on frontpage will be saved. You must disable Style Switching or clear cookie to activate the new default style">
<option value="default">default</option>
<option value="blue">blue</option>
<option value="red">red</option>
<option value="purple">purple</option>
</param>
Which will add the purple option to your dropdown.
In ja_vars1.5.php add your colour to the line
$tmpTools->setColorThemes (array('default','blue','red','red','purple'));
In your new purple-ie.php change the bit in red
h1.logo a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $template_path;?>/images/purple/logo.png', sizingMethod='image');
background-image: none;
}
Then modify the purple.css and images to your needs. A good tip here is to open purple.css and do a find and replace on all instances of “red” and replace with “purple” to make the fille look at your new purple folder.
Repeat for each colour choice.
Interestingly, JA have left some other colours from the ja_opal template in there. Try adding
<option value="yellow">yellow</option>
to your xml file for instance and see what that looks like.
uniquebiz 14 years, 6 months ago.
