PayPal shopping cart ....
The shopping cart displays are located at /ipnmonitor/index.php and the login page is located at /ipnmonitor/login.php assuming that you have installed the application in a folder called ipnmonitor.
The shopping cart system provides 'Add to cart' buttons and 'View cart' buttons enabling a purchaser to add items to a cart before purchase. Physical goods and digital goods can be added to a cart at the same time and purchased at the same time.
The system uses a set of templates which are located in a partcular folder /templates/. You choose which template you are going to use by going into the Global Set Up admin section and choosing the template from the drop down list.
Depending on which template you select the kind of features you have are :
- in built search system which searches the main text of the item and also extra keywords fields
- navigation system which will display by categories and subcateogories
- an mp3 clip system which allows mp3 clips to be included with the item
The template system ....
This application uses the 'patTemplate' which has a web site at http://www.php-tools.de
On-Line doucmentation can be found at :
http://trac.php-tools.net/patTemplate/wiki
and at :
http://examples.php-tools.net/patTemplate/examples/index.php
There are a number of sites that have created examples, and tutorials. Some of these are :
http://www.devarticles.com/c/a/PHP/Simple-PHP-Templates-With-PatTemplate/
or
http://www.devshed.com/c/a/PHP/TemplateBased-Web-Development
-With-patTemplate-part-1/
http://www.devshed.com/c/a/PHP/TemplateBased-Web-Development
-With-patTemplate-part-2/
For the most part you will not need to understand the details of the patTemplate system or how to program with it. You should be able to modify the existing template examples to fit in with your own layout requirements.
The patTemplate separates php coding from the display pages and hence makes it easier to modify html code without worring about breaking the php code.
Using the template system ensures that you can easily change text, or layout by simply changing html pages.
Brief description of the templates
All the templates are located in the 'template' folder under its own folder name.
If you wish to work on a template, the best method is to create a new folder in the 'templates' folder, copy an existing set of files to it and then modify the files. The new folder name will automatically appear in the list of templates in the Global set up admin section.
Each template starts off with its identification which is something like <patTemplate:tmpl name="main"> and ends with </patTemplate:tmpl>
Obviously you should not modify these codes.
Some templates have non-repeating content in them as can be seen in the template file content_detail.htm, while others have repeating regions as can be seen in the template file cart_detail.htm
content_detail.htm looks something like this :
|
<patTemplate:tmpl name="content_detail"> <table width="100%" border="0" width="100%" align="left"> <tr> <td>{DETAIL_BUTTON}</td> </tr> <tr> <td valign="top"> <div class="item_title">Item : {DETAIL_ITEM_TITLE}</div> </td> </tr> <tr> <td valign="top">{DETAIL_CURRENCY} {DETAIL_MC_GROSS}</td> </tr> <tr> <td valign="top">{DETAIL_ITEM_DESCRIPTION_FULL}</td> </tr> </table> </patTemplate:tmpl> |
Variables within {..} brackets are the variables that are replaced when the page is rendered. Obviously you should not modify these names. If you do not like the layout of the page, then move the variables around or change the table layout. If you wish to change the colors and fonts you can do that directly with html coding although is usually best done in a style sheet.
The cart_detail.html template is more complicated because it has a repeating region and looks something like this :
|
<patTemplate:tmpl name="content"> <table width="100%" align="left" border="0"> <tr> <td></td> </tr> <tr> <td>Page : {DISPLAY_PAGING}</td> </tr> <tr> <td> <table border="0" width="100%" align="left"> <patTemplate:tmpl name="content_entry"> <tr> <td colspan="3"><hr class="rule" /></td> </tr> <tr> <td width="15"> </td> <td valign="top" align="left" colspan="3"> <div class="item_title">{ITEM_TITLE}</div> <div class="price">Price : {CURRENCY}{MC_GROSS}</div> </td> <td width="15"> </td> </tr> <tr> <td width="15"> </td> <td valign="top" align="left"> <div class="description"> {ITEM_IMAGE} {ITEM_DESCRIPTION} </div> </td> <td width="15"> </td> </tr> <tr> <td colspan="3"> <a href="index.php?recid={RECID}">more ...</a> </td> </tr> <tr> <td colspan="3"> {CONTENT_BUTTON} </td> </tr> </patTemplate:tmpl> </table> </td> </tr> <tr> <td>Page : {DISPLAY_PAGING}</td> </tr> </table> </patTemplate:tmpl> |
The repeating region starts with the <patTemplate:tmpl name="content_entry">
You do have to be a bit more careful when modifying this template as not to change the area that is repeating.
Template structure
This gives a brief description of the template files.
main.htm Is the starting point for shopping cart displays.cart displays :
- cart_detail.htm
- cart_empty.htm
- cart_summary.htm
- content.htm
- content_detail.htm
- content_empty.htm
- navigation_main.htm
- navigation_sub.htm
- navigation_expand_menu.htm
- search_query.htm
- search_results.htm
- search_results_empty.htm
- popular.htm
- popular_detail.htm
- footer.htm
- welcome.htm
- login.htm
- login_downloads.htm
- login_messages.php
