AShop V User's Guide download pdf (Page 9)

Designguide 9

You can override any of the styles generated by the AShop CSS script to tweak and customize all the

design elements in great detail. A copy of all the CSS classes is included in the sample ashop.css file,

found in the css folder. Just make sure you put any style tags or custom CSS files below the default

AShop CSS tag in your templates and storefront files to make them override the default classes.

There are some other comment codes available that you can use in your page templates:

·  - displays the active Shop Name

·  - displays the page title, see the example above where this is used in the

<TITLE> tag of the page.

·  - displays the URL to the shopping cart

·  - displays the meta keywords for the current page

·  - displays the meta description for the current page

·  - displays the shop's Logo Image

·  - displays a shopping cart box

·  - lists the product categories

·  - a custom header defined by a shopping mall member

2.2 Modular Storefront

The storefront of AShop supports additional placeholder tags to make it possible to customize the layout

further. They will let you place the various content modules for the storefront and arrange them any way

you like on the page. The template for the storefront is named catalog.html and can be found in the

templates directory just like the other page templates.

To design your storefront you use a similar approach to when you design page templates, but rather

than preparing just one main area for all AShop generated content, you need to prepare areas for all the

different types of content modules you wish to include on your storefront: product categories, product

list, search box, shopping cart box, newsletter subscription box... Here is an example designed in

Dreamweaver:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 ... 26 27

No comments

AShop V User's Guide Page 9