RealCart U Course: RealCart Templates 101

RealCart Templates 101 - Modifying your first template

Experimenting with Templates (continued)

You will notice that your finished page is a very simple page consisting of a couple lines of text followed by your department list. The first line reads:

Your store is called: StoreName.

This line states that the name of your store you entered in the Site tab of the Store Wizard during RealCart setup. This is the same thing that appears at the top of your store menu on the left side of your screen. To see how RealCart merges your database information, like your store name, with your templates open your current theme folder and double-click the catalog.html file to load it into your browser. It looks like this:

Fig. 4. The catalog.html template.

You’ll notice that this template contains two Square Tags. The first is the [Projects_ProjectName] tag which retrieves the value you entered for your Store Name in the Store wizard and replaces the tag with the value in the database.

The second Square Tag is [JavaScript_File:js-footer.snp] which actually loads a snippit file from the common folder.

View Source

The moment is here when you will make your first template modification. Are you excited? Here is what the source code to the catalog.html template looks like:


<html>

<head>

<title>[Projects_ProjectName]</title>

</head>

<body>



Your store is called: [Projects_ProjectName].

<p>

This is your first template modification assignment.

<p>



[JavaScript_File:js-footer.snp]



</body>

</html>

In the browser window displaying the catalog.html template (as pictured above in Fig. 4) select Source from the View menu. A text editor will appear (providing your using MSIE) containing the source code of the catalog.html template. It should look identical to the source code shown above. (If it doesn’t you’re viewing source on the wrong file.)

<<prev | 1 | 2 | 3 | 4 | 5 | 6 | next>>