Designer Guide

product-sort.tpl
Used by all pages that list products. Displays a menu
enabling to sort and filter products.
products-
comparison.tpl
...
scenes.tpl
Used to display a scene's details within a product
category.
search.tpl
Used to list results from a search query.
shopping-cart.tpl
Used to list products in a client's cart.
shopping-cart-
product-line.tpl
Used to display from a single cart row.
sitemap.tpl
Used to display the site map.
store_infos.tpl
...
stores.tpl
...
supplier.tpl
Used to list all the products from a single supplier.
supplier-list.tpl
Used to list all suppliers.
thickbox.tpl
Used to zoom a product's picture.
/cache
...
/css
Contains all style sheet files for the theme. The
global.css file deals with the layout for most of the
site. Unless you know exactly what you are doing,
you should leave these files alone.
/img
Contains all of the theme's images. You should
replace these images with your own adequate
creations. If you do not know what to make of it, you
should leave the original files.
/js
Contains all of the theme's JavaScript files. Unless
you know exactly what you are doing, you should
leave these files alone.
/lang
Contains all translation files. These are generated by
the back-office translation tool, and should not be
edit directly. If a translation needs editing, go to the
back-office, "Tools" tab, "Translation" sub-tab,
"Modify translation" section, and choose "Front office
translations".
A few advices
Firebug, Dragonyfly et al.: your work as a front-end developer can
greatly helped with the right tools at hand, provided you test your design
in a modern browser that provides such tools, either through a module
(Firefox's FireBug) or directly embedded (Opera's Dragonfly, Chrome &
Webkit's Web Inspector). Learn to master them, and you will quickly be
amazed by their usefulness.
JavaScript: all JavaScript files should be stored in the theme's /js folder.