Catalog Page Layout
When a customer browsing your web site clicks on a particular catalog item from your on- line catalog, a page is launched displaying the individual product in detail. These pages are templates which are referenced from the jitWeb folder. | This section shows how to build and assign the page layout(s) desired for your product(s). |
pagelayout catalog WebClerk
ReferenceThis<--Files-->, Database configuration
Item Page Layouts
You may design your own templates for the catalog pages, modify, or use the pages provided. (Typically all items can be displayed from the same html template.) There are template catalog pages provided in the jitWeb folder with the naming convention itemrec1.html. If more than one standard layout is used, the naming convention can be as follows: itemrec1.html, itemrec2.html, or itemrec(any #).html..., for however many different page layouts are required. The templates can be designed based upon the following general criteria:
a. Item does not have graphic associated with it (no image reference)
<H3>Item Num: <B>!jit=4;1!</B></H3>
No picture is referenced. You would use this page if you did not have an image to display with your product (see jitWeb/itemrec1.html, in demo data).
b. Item has graphic linked to it through its item spec record
H3>Item Num: <B>!jit=4;1!</B></H3>
<P><IMG SRC="!jit=31;3!" ALT="Sorry, picture not available..." ALIGN=Center>
The item image is referenced from the item specification field. The reference is <IMG SRC="!jit=31;3!". This means that that the image source is from File 31 (item specification), Field 3 (item graphic). (See jitWeb/itemrec40.html)
c. Item has graphic linked to it through through the images folder (itemrec3.html)
H3>Item Num: <B>!jit=4;7!</B></H3>
<P><IMG SRC="/images/Art/!jit=4;1!.jpg" ALT="Sorry, picture not available..."
In this example an image is reference from the image folder. The reference is <IMG SRC="/images/ Art/!jit=4;1!.jpg". This means that the image (.gif or .jpg) is located in the art folder and is named the same as its item number. The database reference is File 4 (item file), Field 1 (item number). This is how WebClerk is able to link graphics with item numbers. (see jitWeb/itemrec3.html)
As you can see, the difference between the page layouts is minor. These pages are only templates, and can be modified based upon how you want the page to be layed out.
Linking items to page layouts
Items are linked to their specific page layout in the item record. The page layout is referenced in the "WebPage" field shown below, which is accessed from the Item record.
By putting a "3" in the "WebPage" field of the Item record, the item, when viewed by customers from the web, will be displayed from the template itemrec3.html. If using the templates described above, this particular item would have an image associated with it that is located in the /jitWeb/images/art folder with the same name as its item number.
If there were a "1" in the "WebPage" field, then the item would be displayed through itemrec1.html. Which in this example, would mean there was no picture associated with this particular item (or that you do not want the item image displayed).
This section briefly illustrates the power and flexibility of creating dynamic page layouts for individual products. It is important to understand how the fields and records in the database are referred in order to best set up your pages.