File or folder
This image is used as a preview in the "Theme" selector in the "Preferences" > "Appearance" sub-tab. This image is mandatory, as without it the them cannot be selected. It should obviously reflect the theme's design, and not its logo or designer's name...
Used when the requested page is not found (HTTP error 404).
Used when adding or editing a client street address.
Used when listing a client's street addresses.
Used when identifying a user, or creating a new user account.
Used to list all best sale.
Used to find the navigation path, or breadcrumb trail.
Used to list all products in a given category.
Used only by the Category block.
Used for informational pages ("Tools" > "CMS" sub-tab).
Used by the contact form.
Used when listing all discount tickets for a single client.
Used when displaying errors. Potentially called by all of the pages.
Used when a visitor has no know account on the site, but wants his order to be tracked – and therefore needs to create an account or log in.
Used when lsiting the order history of a client.
Used when a client edits his/her personal information.
Blank file, prevents visitors to view the content of the folder.
Used when the site is in maintenance mode.
Used when listing all products from a single manufacturer.
Used when listing all manufacturers.
Welcome page for a client's account.
Used when listing the products that were last added to the cart.
Used during the order process: Step 1, choosing the addresses (delivery, billing).
Used during the order process: Step 2, choosing the carrier mode.
Used during the order process: Last step, confirming the order (after payment).
Used to display the content of a client's order.
Used when a client needs to ask for a product return.
Used during the order process: Step 3, choosing the payment mode.
Used to display a client product return details.
Used to display a client's credit slips.
Order process progress bar.
Used by all pages that list products. Displays the pagination button, enable to skip to the next/previous page of products.
Used when a client needs to change his password.
Used to list all current promotions.
Used to display details for a single product.
Used by all pages that list products. Displays the actual products list.
Used by all pages that list products. Displays a menu enabling to sort and filter products.
Used to display a scene's details within a product category.
Used to list results from a search query.
Used to list products in a client's cart.
Used to display from a single cart row.
Used to display the site map.
Used to list all the products from a single supplier.
Used to list all suppliers.
Used to zoom a product's picture.
Contains all style sheet files for the theme. The
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.
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 Dragonfly 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.
preview.jpg file: Once your design is complete, you can create the preview image file. Take a screen shot, then resize it to 180px width in order to use it instead of the default
preview.jpg file. You can either used the screenshot tool provided by your OS (Windows' Snipping Tool, OS X's Cmd+Shift+4 key combo), or install a browser extension, such as Firefox's FireShot or Screengrab.
Layered navigation: In order for a theme to be compatible with layered navigation, the
/themes/themename/product-list.tpl file must have its product list area be encapsulated within a tag with the "product_list"
id; otherwise, the layered navigation will not be able to update the product list.
<div id="product_list"> ...or... <ul id="product_list">
Integration: where the hooks and modules are