Adding an image for the header and footer of center column

How do I add an image for center column? I have one for the background. I would like to add one for the header and footer for the center column.

There are no headers or footers for the center column. You would have to create them by adding divs and wrappers inside the centerColumn.

Where and how would I add that?

Do I do this all in my template css, or is there somewhere else I need to add this to?

Actually, you'll need to edit the tpl_index_default.php file in the includes/templates/stainless steel/templates directory. If it's not there, copy it over from the template_default directory.> <div class="centerColumn" id="indexDefault">

<h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1> <?php if (SHOW_CUSTOMER_GREETING == 1) { ?> <h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2> <?php } ?>should be changed to > <div class="centerColumn" id="indexDefault"> <div id="centerColumnHeader></div> <h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1> <?php if (SHOW_CUSTOMER_GREETING == 1) { ?> <h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2> <?php } ?> Then, look for > <?php $show_display_category->MoveNext(); } // !EOF ?> </div> and replace with > <?php $show_display_category->MoveNext(); } // !EOF ?> <div id="centerColumnFooter"></div> </div>Once that's done, you can add the two calls to the stylesheet and add images, set height, etc.

BTW, it's not a good idea to use a file or folder name with a space in it. Your custom directory should be renamed to stainless_steel to prevent problems in the future.

Also, the validators are going crazy with all the "&H" throughout your site. You need to find all the &Hs and replace them with "&H". Same thing in your keywords and description.

I've made the two changes to the tpl_index_default.php file and tried adding it to the css for the footer. Still, nothing shows up. I even tried just using a background color just to see if it would show up. Nothing.

What am I doing wrong?

Thank you for point out the file name and about the &. I made the changes to take care of those issues.

I don't see the divs in the file.

Also, I'd remove the "WentDadddy" and PayPal boxes till you get things working. They're both throwing too many errors for the browser. You can always reload them later.:no:

This is what I have in my css.

.centerColumnFooter
{
background-image : url("../images/sidefooter.gif");
background-repeat : no-repeat;
background-position : bottom;
}

What are you using to see the errors?

You can not change something that does not exist. You need to add the divs to the page as I stated in post 5.

I have a plug-in to firefox that validates the page you're on. It's the HTML Tidy validator.

There are some from W3c as well. If you're not using firefox, you can enter a URL at http://validator.w3.org/.

With the boxes removed, your site validates. When the boxes are added, their outdated code (img and BR calls) fails validation.

My site does not appear to be using the tpl_index_default.php at all. I've tried to change the template_default file and the div still does not show up. How would I found what is controlling the center column?

This is what the file looks like now.

<?php
/**
 * Page Template
 *
 * Main index page<br />
 * Displays greetings, welcome text (define-page content), and various centerboxes depending on switch settings in Admin<br />
 * Centerboxes are called as necessary
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_index_default.php 3464 2006-04-19 00:07:26Z ajeh $
 */
?>
<div class="centerColum" id="indexDefault">
<div id="centerColumnHeader></div>
<h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

<?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
<h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
<?php } ?> 

<!-- deprecated - to use uncomment this section
<?php if (TEXT_MAIN) { ?>
<div id="" class="content"><?php echo TEXT_MAIN; ?></div>
<?php } ?>-->

<!-- deprecated - to use uncomment this section
<?php if (TEXT_INFORMATION) { ?>
<div id="" class="content"><?php echo TEXT_INFORMATION; ?></div>
<?php } ?>-->

<?php if (DEFINE_MAIN_PAGE_STATUS >= 1 and DEFINE_MAIN_PAGE_STATUS <= 2) { ?>
<?php
/**
 * get the Define Main Page Text
 */
?>
<div id="indexDefaultMainContent" class="content"><?php require($define_page); ?></div>
<?php } ?>

<?php
  $show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
  while (!$show_display_category->EOF) {
?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
<?php
/**
 * display the Featured Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
<?php
/**
 * display the Special Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
<?php
/**
 * display the New Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
<?php
/**
 * display the Upcoming Products Center Box
 */
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>

<?php
$show_display_category->MoveNext();
} // !EOF
?>
<div id="centerColumnFooter"></div>
</div> 

Is the file in your override directory? If not, you will need to copy the one you've modified into your override. That's the only reason I could think of that it's not showing up.

It's in my ../includes/templates/stainless_steel/templates folder.

does any one know why it is not showing up?