User guide

Installation & Setup 17

2.3 Page Templates

How AShop HTML Page Templates Work

If you have not already seen the tour of AShop, go back and look at the section about page templates. It

describes how page templates are included by the program. The AShop page templates are simply

HTML pages with the AShop start and stop tags inserted where the AShop content is to appear. They

can include HTML, images, links, CSS, and JavaScript just like any other web page but they can not

include PHP or any other server side code. If you are using a WYSIWYG HTML editor such as

Dreamweaver, you can add the AShop script folders to your website and create the AShop templates

just as you would any other page within your website.

AShop page templates are HTML web pages with comment tags

inserted into the HTML code. For the page templates, AShop's dynamically generated content appears

between the two tags.

In addition to the start and end tags you will also need to add some code to make the templates use the

right CSS file. Without this the layout and design elements of your AShop will not be activated and the

shopping cart will be presented as unformatted text. Add the following line to the head tag of your

templates to use the dynamic CSS file:

A static CSS file is also included: css/ashop.css, which contains all the styles used by AShop. To get

full control over the layout you can use this one instead or in combination with the dynamic CSS code

above to override specific classes. Add this line to your templates below or instead of the previously