Add more styles to red and brown. eg. blue and grey

Red and Brown are nice, but i need to have another two styles. I have no problem editing the css or required image files for each style.

Done so far

Created the following files
templates/gk_sporter/css/style3.css
templates/gk_sporter/css/style4.css
templates/gk_sporter/css/system/error_style3.css
templates/gk_sporter/css/system/error_style4.css
templates/gk_sporter/css/system/offline_style3.css
templates/gk_sporter/css/system/offline_style4.css

Created the following folders
templates/gk_sporter/images/style3
templates/gk_sporter/images/style4

My question is, how can these be added to the Sporter template admin, so that they show up with their own names and can be switched using the style switcher?

Thanks very much for any help.

Hi

Open templateDetails.xml file and find this fragment:

Code: Select all

<param name="template_color" type="list" default="1" label="Template color" description="Select default template color">
<option value="1">Red</option>
<option value="2">Brown</option>
</param>


replace with:

Code: Select all

<param name="template_color" type="list" default="1" label="Template color" description="Select default template color">
<option value="1">Red</option>
<option value="2">Brown</option>
<option value="3">Color3</option>
<option value="4">Color4</option>
</param>


Them open ../gk_sporter/layouts/blocks/footer.php and find this fragment:

Code: Select all

<div id="stylearea">
Select style:
<a href="#" class="style_switcher" id="style_switcher1">Red</a>
<a href="#" class="style_switcher" id="style_switcher2">Brown</a>
</div>


replace with

Code: Select all

<div id="stylearea">
Select style:
<a href="#" class="style_switcher" id="style_switcher1">Red</a>
<a href="#" class="style_switcher" id="style_switcher2">Brown</a>
<a href="#" class="style_switcher" id="style_switcher3">Color3</a>
<a href="#" class="style_switcher" id="style_switcher4">Color4</a>
</div>


That's it

Cheers