odContainer. All contents are
within this block as can be seen from the image below. 
I tryd to make this application as simple as possible to use. The idea is to put the contents in a single block so that user can wrap their layout around it.
The main container is a <div> block odContainer. All contents are
within this block as can be seen from the image below.
Some blocks may not be visible at any time. E.g. when there are no sub-categories
under the currently selected category, block odCatContainer will be
hidden.
You can customize the layout by editing the HTML part of index.php.
There's also a sample of
fancy layout in folder [install_path]/docs/fancy/. This file
uses CSS file style_fancy.css which has more colour than the
default one. To see it in effect, copy both index_fancy.php
and style_fancy.css to [install_path] folder
and rename it to index.php (remember to rename/backup the
original index.php file). See also css.html file.
When changing layout, you must keep all PHP code intact. Change only the HTML part and don't forget to put the link to the CSS.
Other block structures are shown below.
