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>