uStorekeeper Online Shopping System - Example Page Layout Template


<!--------------------------------------------------------------->
<!-- file: EXAMPLE.layout                                      -->
<!-- date: 03/07/00                                            -->
<!-- This is an example layout file.  This layout file will    -->
<!-- create a page layout similar to the USTOREKEEPER1.layout. -->
<!-- Note that the USTOREKEEPER TAGs are shown in red.         -->
<!--------------------------------------------------------------->




<HTML>
<HEAD>
<TITLE>

<USTOREKEEPER TAG: CATEGORY NAME>

</TITLE>
</HEAD>

<BODY
 
<USTOREKEEPER TAG: BACKGROUND IMAGE>
<USTOREKEEPER TAG: BACKGROUND COLOR>
<USTOREKEEPER TAG: TEXT COLOR>

>

<USTOREKEEPER TAG: TOP HTML>

<!--------------------------------------------------------------->
<!-- For this example, start a table at the top of the page to -->
<!-- contain the category image, the category selection menu,  -->
<!-- the search box, the view cart button, the place order     -->
<!-- button, and the information button.                       -->
<!--------------------------------------------------------------->
<CENTER>
<TABLE BORDER=0 CELLPADDING=3 WIDTH=580>
<TR>
<TD ALIGN=CENTER>

<USTOREKEEPER TAG: CATEGORY IMAGE>

</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=380>

<!--------------------------------------------------------------->
<!-- For this example, create a smaller table for the category -->
<!-- selection and search box.                                 -->
<!--------------------------------------------------------------->
<TABLE WIDTH=280 BORDER=1 CELLPADDING=4 BGCOLOR="#D0D0D0">
<TR>
<TD ALIGN=CENTER>
<FONT SIZE=-2 FACE="Arial" COLOR="#000000">
<BR>

<USTOREKEEPER TAG: CATEGORY GOTO>
<USTOREKEEPER TAG: CATEGORY SEARCH>

</FONT>
</TD>
</TR>
</TABLE>

<BR>

<!--------------------------------------------------------------->
<!-- Add the view cart, place order, and information buttons   -->
<!-- to the page.                                              -->
<!--------------------------------------------------------------->

<USTOREKEEPER TAG: VIEW CART BUTTON>

&nbsp;&nbsp;

<USTOREKEEPER TAG: PLACE ORDER BUTTON>

&nbsp;&nbsp; 

<USTOREKEEPER TAG: INFORMATION BUTTON>

</TD>
</TR>
</TABLE>
</CENTER>

<HR WIDTH=75% ALIGN=CENTER SIZE=.5>

<!--------------------------------------------------------------->
<!-- For this example, start a second table to contain the     -->
<!-- category name, the category description and the product   -->
<!-- data.                                                     -->
<!--------------------------------------------------------------->
<CENTER>
<TABLE BORDER=0 CELLPADDING=2 CELLSPACING=4>
<TR>
<TD VALIGN=TOP WIDTH=560>
<FONT SIZE=+2 FACE="Arial">

<b>
<USTOREKEEPER TAG: CATEGORY NAME>
</b>

</FONT>
<BR>
<FONT SIZE=-1 FACE="Arial">
<BR>

<USTOREKEEPER TAG: CATEGORY DESCRIPTION>

</FONT>

<USTOREKEEPER TAG: MIDDLE HTML>

<!-- The PRODUCT DATA field is required! -->
<USTOREKEEPER TAG: PRODUCT DATA>

</TD>
</TR>
</TABLE>
</CENTER>

<USTOREKEEPER TAG: BOTTOM HTML>


<!--------------------------------------------------------------->
<!-- And for the heck of it, add a footer to the bottom of the -->
<!-- page.                                                     -->
<!--------------------------------------------------------------->
<CENTER>
<TABLE BORDER=0 WIDTH=75%>
<TR>
<TD ALIGN=RIGHT>
<HR SIZE=.5>
<FONT SIZE=-2 FACE="Arial">
<i>Powered By <A HREF="http://www.uburst.com/uStorekeeper/">uStorekeeper</A></i>
</FONT>
</TD>
</TR>
</TABLE>
</CENTER>

</BODY>
</HTML>