Home | Store | osCommerce Tutorials

osCommerce Main Categories Content Customization Example

Example 4-4: Add a Outer Table


The osCommerce Main Categories is now look like:

osCommerce Main Categories Customization example

Add Outer Table

Hm... The original osCommerce design has a color "border" around the Main Categories Content. If you read the web layout of the Main categories again, you should noticed that there is a Outer table. Therefore the color "border" is the background color of the Outer Table.

Okay! If you really like the original osCommerce design, you simply need to add the codes of the Outer Table. Here's the code (Codes highlight in BOLD green):

function tep_show_category($counter) {
global $tree, $categories_string, $cPath_array;

if ($counter == 1) {
echo "<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"1\"
class=\"infoBox\" >" . "\n";
echo "<tr><td>" . "\n";
echo "<table border=\"1\" width=\"100%\" cellspacing=\"0\" cellpadding=\"3\"
class=\"infoBoxContents\" >" . "\n";
}

// start a new row, therefore need to set $categories_string to empty
$categories_string = '';

for ($i=0; $i<$tree[$counter]['level']; $i++) {
$categories_string .= "&nbsp;&nbsp;";
}

$categories_string .= '<a href="';

if ($tree[$counter]['parent'] == 0) {
$cPath_new = 'cPath=' . $counter;
} else {
$cPath_new = 'cPath=' . $tree[$counter]['path'];
}

$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new) . '">';

if (isset($cPath_array) && in_array($counter, $cPath_array)) {
$categories_string .= '<b>';
}

// display category name
$categories_string .= $tree[$counter]['name'];

if (isset($cPath_array) && in_array($counter, $cPath_array)) {
$categories_string .= '</b>';
}

if (tep_has_category_subcategories($counter)) {
$categories_string .= '-&gt;';
}

$categories_string .= '</a>';

if (SHOW_COUNTS == 'true') {
$products_in_category = tep_count_products_in_category($counter);
if ($products_in_category > 0) {
$categories_string .= '&nbsp;(' . $products_in_category . ')';
}
}

// comment the line break since data will print in row
// $categories_string .= '<br>';

// If this is Parent Categories, add background color the the row
if ($tree[$counter]['parent'] == 0) {
echo "<tr><td bgcolor=\"#ffffcc\">";
} else {
echo "<tr><td>";
}

echo $categories_string;
echo "</td></tr>" . "\n";

if ($tree[$counter]['next_id'] != false) {
tep_show_category($tree[$counter]['next_id']);
} else { // Close the table if there is no more Categories
echo "</table>" . "\n";
echo "</td></tr>" . "\n";
echo "</table>" . "\n";
}

}

Here's the result:

osCommerce Main Categories Customization example

osCommerce Main Categories Customization example

In the next Main Categories Content Customization example, will add pointer image bullets to osCommerce Sub-categories.