Lesson 11 Learning how to customize your stores using templates
This lesson requires you to have some knowledge on Windows copying files, text
editing and html.
The steps to creating your templates are discussed on Chapter 8 Creating Your Own
Templates. Here we will make some basic modifications to an existing template to
demonstrate the ease of customizing the store.
Zilron StoreCreator generates the store files based on the data of the store (*.zsd)
and the template specification file (*.ini) and the files (*.html)
files in the chosen template folder.
For example, in Lesson 5, you chose the template1.ini template. The program used the
data from computer.zsd file, the template specification file, template1.ini
and all the template files in the \
\templates\template1\ folder to generate
the final set of files for the online store.
- Create a folder called mytemplate1 and place it below the templates i.e.
\templates\mytemplate1\
- Copy all the files in \templates\template1\*.* folder to \templates\mytemplate1 folder
- Copy the template1.ini to mytemplate1.ini under the same templates folder i.e.
\templates\mytemplate1.ini. Do not just rename the template1.ini file.
- Open mytemplate1.ini with your Notepad (make sure the File of type is set to
All Files (*. *)
- Change the line that says Directory=template1\ to read
Directory=mytemplate1\. This tells the program to look for the template files
under mytemplate1 folder.
- Change the next line Description=Ver 3.0 template This is test
to read Description=My first template. This description will be displayed when
you select a template to publish.
- Save mytemplate1.ini
- Open \..\templates\mytemplate1\frame1.html with your Notepad.
- We are going to change the font style to Arial, or Verdana and color of the main welcome
message to Red and have regular text instead of the italic texts.
- Scroll down till you see the following html tags:
<font color=#0000ff><i>
#InsertTopMainPage
</i></font>
- Change that to read:
<font type=arial,verdana color=#ff00000>
#InsertTopMainPage
</font>
- What we have done here is to change the default font to 'arial, verdana' and the color
to blue. We have also made the text in normal font instead of italics. (by removing the
'</i>' tags)
- Save this frame1.html file
- Return to Zilron StoreCreator and Re-publish the store.
- This time select mytemplate.ini: My first template as the template (you may
have to scroll down to locate the template)
- Preview the store
- You should now see the welcome message in the new format.
See Chapter 8 Creating Your Own Templates for further details.
<LESSON 10> <HOME>
<CHAPTER 5>