My New Site Design Help Please!!!

Hi All,

I have just installed my new site design but I have a folder with files inside it that I'm not sure where to put, I have attached the files and a screen shot of how the site should look. If anyone can help me with where I put the missing files that would be appreciated.

Thanks,
Adam.

Adds:

Hi All,

I have just installed my new site design but I have a folder with files inside it that I'm not sure where to put, I have attached the files and a screen shot of how the site should look. If anyone can help me with where I put the missing files that would be appreciated.

Thanks,
Adam.

Forgot to add the files:
html\html-filled
ndex.html
style.css

Any ideas on where they go?

Those do not correspond to any normal Zen Cart Files. What does the template designer say about where they should go?

Kim:

Those do not correspond to any normal Zen Cart Files. What does the template designer say about where they should go?

Kim,

The site should look like this one http://zencart-templates.themestock.com/info.php/135

I think the styleshhet should be someware?

Adam.

Kim:

Those do not correspond to any normal Zen Cart Files. What does the template designer say about where they should go?

The files shoul dhave been:
Forgot to add the files:
html\html-filled
index.html
style.css

Any ideas on where they go?

Adds:

Kim,

The site should look like this one http://zencart-templates.themestock.com/info.php/135

I think the styleshhet should be someware?

Adam.

Another think I want to add side boxes down the right hand side I can do this but it makes the images at the top not look right some how I need to widen them as well.
I had added a sidebox so you can see what I mean.

Adam.

Adds:

Another think I want to add side boxes down the right hand side I can do this but it makes the images at the top not look right some how I need to widen them as well.
I had added a sidebox so you can see what I mean.

Adam.

Hi,
Can you help me at all, I need to change the width of my site as you can see when I add a right side box it moves the images at the top https://www.electronic-web.co.uk I purchased by site from here http://zencart-templates.themestock.com/info.php/135 thats how it should look but I also have an issue, I was sent a HTML Folder that had the following inside:

index.html
style.css

but I'm not sure where to put them, I think the style sheet is why my site does not look the same should have the details and add to cart button next the the products on the main page?

Thanks,
Adam.

Here is the problem w/ us helping you. the template that you are using is not working w/ the standard way that zen cart implements templates. I would love to help you but the file structure that you have described in not any thing that I know how to fix w/o extensive looking in to you file system. and I am affreaid that if I did that it would take more time then I have to help you. My advice would be to look for support from Theme Stock.

aftertaking a secondlook at you page, I realised that your problem is in your source code. there is no easy way to tell you how. but you problems are caused byt the table based layout that you markup has.
You see when you add cells to your page like sideboxes or side bars cell are added and tables will adjust to make things square. there are two an attributes that you will have to find and adjust called rowspan and colspan you will have to find the one that has the amount of wows or colums that you want the template to adjust and fix that.
There is a reason that Zen cart 1.3.x had done a way w/table based lay outs, and this is just that reason.

JOsh

Adds:

Another think I want to add side boxes down the right hand side I can do this but it makes the images at the top not look right some how I need to widen them as well.
I had added a sidebox so you can see what I mean.

Adam.

sanguisdesign:

aftertaking a secondlook at you page, I realised that your problem is in your source code. there is no easy way to tell you how. but you problems are caused byt the table based layout that you markup has.
You see when you add cells to your page like sideboxes or side bars cell are added and tables will adjust to make things square. there are two an attributes that you will have to find and adjust called rowspan and colspan you will have to find the one that has the amount of wows or colums that you want the template to adjust and fix that.
There is a reason that Zen cart 1.3.x had done a way w/table based lay outs, and this is just that reason.

JOsh

So is there no way of making the side wider so the side box on the right is in line with the template images?

Adds:

So is there no way of making the site wider so the side box on the right is in line with the template images?

How do I make the new products show on the main page as well not just the reatured products?

Adds:

So is there no way of making the side wider so the side box on the right is in line with the template images?

ok so this is a total hack but some where in your template files there is a snippt of mark up that is

        <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td> </td>

                      <td width="276"><img src="includes/templates/TS-TechStore/images/mainpix05.gif" alt="mainpix05" width="276" height="27"/></td>
                    </tr>
                  </table></td>
              </tr>

you want to make the <table width="590" not 100%>
since your template files are not standard I really cant help you w/ where this is.

JOsh

sanguisdesign:

ok so this is a total hack but some where in your template files there is a snippt of mark up that is

    <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td> </td>

                  <td width="276"><img src="includes/templates/TS-TechStore/images/mainpix05.gif" alt="mainpix05" width="276" height="27"/></td>
                </tr>
              </table></td>
          </tr>

> you want to make the <table width="590" not 100%>
> since your template files are not standard I really cant help you w/ where this is.
> 
> JOsh

Josh,
Thanks for that where is a good place to start looking, where would it normaly be in a standard zencart template?

Adds:

Josh,
Thanks for that where is a good place to start looking, where would it normaly be in a standard zencart template?

Do i change the following to the size required not 100 I take it this would be changed within tpl_main_page.php

sanguisdesign:

ok so this is a total hack but some where in your template files there is a snippt of mark up that is

    <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td> </td>

                  <td width="276"><img src="includes/templates/TS-TechStore/images/mainpix05.gif" alt="mainpix05" width="276" height="27"/></td>
                </tr>
              </table></td>
          </tr>

> you want to make the <table width="590" not 100%>
> since your template files are not standard I really cant help you w/ where this is.
> 
> JOsh

Josh,

This is the code I have what do I change?

<?php
/**
 * Common Template - tpl_main_page.php
 *
 * Governs the overall layout of an entire page<br />
 * Normally consisting of a header, left side column. center column. right side column and footer<br />
 * For customizing, this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * - make a directory /templates/my_template/privacy<br />
 * - copy /templates/templates_defaults/common/tpl_main_page.php to /templates/my_template/privacy/tpl_main_page.php<br />
 * <br />
 * to override the global settings and turn off columns un-comment the lines below for the correct column to turn off<br />
 * to turn off the header and/or footer uncomment the lines below<br />
 * Note: header can be disabled in the tpl_header.php<br />
 * Note: footer can be disabled in the tpl_footer.php<br />
 * <br />
 * $flag_disable_header = true;<br />
 * $flag_disable_left = true;<br />
 * $flag_disable_right = true;<br />
 * $flag_disable_footer = true;<br />
 * <br />
 * // example to not display right column on main page when Always Show Categories is OFF<br />
 * <br />
 * if ($current_page_base == 'index' and $cPath == '') {<br />
 *  $flag_disable_right = true;<br />
 * }<br />
 * <br />
 * example to not display right column on main page when Always Show Categories is ON and set to categories_id 3<br />
 * <br />
 * if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') {<br />
 *  $flag_disable_right = true;<br />
 * }<br />
 *
 * @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_main_page.php 3856 2006-06-29 02:26:33Z drbyte $
 */

// the following IF statement can be duplicated/modified as needed to set additional flags
  if (in_array($current_page_base,explode(",",'list_pages_to_skip_all_right_sideboxes_on_here,separated_by_commas,and_no_spaces')) ) {
    $flag_disable_right = true;
  }


  $header_template = 'tpl_header.php';
  $footer_template = 'tpl_footer.php';
  $left_column_file = 'column_left.php';
  $right_column_file = 'column_right.php';
  $body_id = str_replace('_', '', $_GET['main_page']);
?>
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<table width="770" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td><table width="770" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="385"><img src="<? echo DIR_WS_TEMPLATE; ?>images/logo.gif" alt="logo" width="385" height="54"/></td>
                <td width="206" valign="top" class="logo1"><table width="90%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="<? echo DIR_WS_TEMPLATE; ?>images/trans.gif" alt="trans" width="1" height="8"/></td>
                    </tr>
                    <tr>
                      <td><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr> 
                            <td class="txt_content">Choose language:</td>
                            <td width="78">
                              <?php require(DIR_WS_TEMPLATE .('modules/languages.php')); ?>
                            </td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
                <td valign="top" class="logo2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="<? echo DIR_WS_TEMPLATE; ?>images/trans.gif" alt="trans" width="1" height="8"/></td>
                    </tr>
                    <tr>
                      <td><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr> 
                            <td class="txt_content">Currencies:</td>
                            <td>
                              <?php require(DIR_WS_TEMPLATE .('modules/currencies.php')); ?>
                            </td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="266"><img src="<? echo DIR_WS_TEMPLATE; ?>images/mainpix01.gif" alt="mainpix01" width="266" height="180"/></td>
            <td height="180" valign="top"><table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="6" bgcolor="#001F41"><img src="<? echo DIR_WS_TEMPLATE; ?>images/trans.gif" alt="trans" width="1" height="1"/></td>
              </tr>
              <tr>
                <td height="60" class="tng1"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="12"><img src="<? echo DIR_WS_TEMPLATE; ?>images/icon_arrow.gif" alt="icon_arrow" width="12" height="7"/></td>
                    <td class="txt_content"> <a href="index.php?main_page=specials">Special</a></td>
                  </tr>
				 <?php if ($_SESSION['customer_id']) { ?> 
				  <tr>
                    <td width="12"><img src="<? echo DIR_WS_TEMPLATE; ?>images/icon_arrow.gif" alt="icon_arrow" width="12" height="7"/></td>
                    <td class="txt_content"> <a href="index.php?main_page=logoff">Log Off</a></td>
                  </tr>
				  <?  } else { ?>
                  <tr>
                    <td><img src="<? echo DIR_WS_TEMPLATE; ?>images/icon_arrow.gif" alt="icon_arrow" width="12" height="7"/></td>
                    <td class="txt_content"><a href="index.php?main_page=create_account">Create Account</a></td>
                  </tr>
                  <tr>
                    <td><img src="<? echo DIR_WS_TEMPLATE; ?>images/icon_arrow.gif" alt="icon_arrow" width="12" height="7"/></td>
                    <td class="txt_content"><a href="index.php?main_page=login">Customor Login</a></td>
                  </tr>
				  <? } ?>
                </table></td>
              </tr>
              <tr>
                <td height="62" class="tgh2"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="txt_content">Quick Search</td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">
                        <tr>
                          <td><?php require(DIR_WS_TEMPLATE .('modules/search.php')); ?></td><td></td>
                        </tr>
                    </table></td>
                  </tr>
                  
                </table></td>
              </tr>
              <tr>
                <td height="50" class="tgh3"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="40"><img src="<? echo DIR_WS_TEMPLATE; ?>images/icon_cart.gif" alt="icon_cart" width="34" height="34"/></td>
                    <td class="txt_content01"><div align="left">
                       Your Shopping Cart
                                in your cart 
                                <?php require(DIR_WS_TEMPLATE .('modules/shopping_cart.php')); ?>
                                ITEMS </div></td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td bgcolor="#097FF9"><img src="<? echo DIR_WS_TEMPLATE; ?>images/trans.gif" alt="trans" width="1" height="2"/></td>
              </tr>
            </table></td>
            <td width="56"><img src="<? echo DIR_WS_TEMPLATE; ?>images/mainpix02.gif" alt="mainpix02" width="56" height="180"/></td>
            <td width="276"><img src="<? echo DIR_WS_TEMPLATE; ?>images/mainpix03.gif" alt="mainpix03" width="276" height="180"/></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><a href="index.php"><img src="<? echo DIR_WS_TEMPLATE; ?>images/btn_home.gif" alt="btn_home" width="66" height="26"/></a></td>
            <td width="120"><a href="index.php?main_page=products_new"><img src="<? echo DIR_WS_TEMPLATE; ?>images/btn_newproducts.gif" alt="btn_newproducts" width="120" height="26"/></a></td>
            <td width="101"><a href="index.php?main_page=account"><img src="<? echo DIR_WS_TEMPLATE; ?>images/btn_myaccount.gif" alt="btn_myaccount" width="101" height="26"/></a></td>
            <td width="119"><a href="index.php?main_page=shopping_cart"><img src="<? echo DIR_WS_TEMPLATE; ?>images/btn_shoppingcart.gif" alt="btn_shoppingcart" width="119" height="26"/></a></td>
            <td width="88"><a href="index.php?main_page=contact_us"><img src="<? echo DIR_WS_TEMPLATE; ?>images/btn_contactus.gif" alt="btn_contactus" width="88" height="26"/></a></td>
            <td width="276" bgcolor="#D7D7D7"><img src="<? echo DIR_WS_TEMPLATE; ?>images/mainpix04.gif" alt="mainpix04" width="276" height="26"/></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9"> </td>
        <td width="172" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="9"><img src="<? echo DIR_WS_TEMPLATE; ?>images/trans.gif" alt="trans" width="1" height="1"/></td>
          </tr>
          <tr>
            <td  class="bg_menu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><?php require(DIR_WS_TEMPLATE .('modules/column_left.php')); ?></td>
              </tr>
              <tr>
                <td><img src="<? echo DIR_WS_TEMPLATE; ?>images/bottom_left.gif" alt="" width="172" height="22" /></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
        <td width="9"> </td>
        <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td> </td>
                      <td width="276"><img src="<? echo DIR_WS_TEMPLATE; ?>images/mainpix05.gif" alt="mainpix05" width="276" height="27"/></td>
                    </tr>
                  </table></td>
              </tr>
              <tr> 
                <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="15"><img src="<? echo DIR_WS_TEMPLATE; ?>images/img_line2.gif" alt="img_line2" width="15" height="27"/></td>
                      <td class="line3 txt_content03"><?php echo HEADING_TITLE; ?></td>
                    </tr>
                  </table></td>
              </tr>
              <tr> 
                <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="15"> </td>
                          <td >
                            <?php if (DEFINE_BREADCRUMB_STATUS == '1') { ?>
                            <?php } ?>
                            <!-- eof breadcrumb -->
                            <?php
  if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>
                            <div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
                            <?php
    }
  }
?>
                            <!-- bof upload alerts -->
                            <?php if ($messageStack->size('upload') > 0) echo $messageStack->output('upload'); ?>
                            <!-- eof upload alerts -->
                            <?php
 /**
  * prepares and displays center column
  *
  */
 require($body_code); ?>
                            <?php
  if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
    if ($banner->RecordCount() > 0) {
?>
                            <div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
                            <?php
    }
  }
?>
                          </td>
                          <td width="16"> </td>
                        </tr>
                    </table></td>
                    <?php
if (COLUMN_RIGHT_STATUS == 0 or (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '')) {
  // global disable of column_right
  $flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
                    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td></td>
                        </tr>
                        <tr>
                          <td>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td>
                                  <?php require(DIR_WS_TEMPLATE .('modules/column_right.php')); ?>
                                </td>
                              </tr>
                          </table></td>
                        </tr>
                    </table></td>
                    <?php
}
?>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td> 
                  
                </td>
              </tr>
            </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td height="32" class="line1 txt_content06">    <a href="index.php?main_page=shippinginfo">Shipping & Returns</a> | <a href="index.php?main_page=privacy">Privacy Notice</a> | <a href="index.php?main_page=conditions">Conditions of Use</a> | <a href="index.php?main_page=contact_us">Contact Us</a> | <a href="index.php?main_page=specials">Specials</a> | <a href="index.php?main_page=reviews">Reviews</a></td>
      </tr>
      <tr>
        <td height="21" class="txt_content01">   Powered by ZenCart</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>

looks to be line 277

sanguisdesign:

looks to be line 277

How do i find out what line number is?

use a text editor that shows line numbers when you open the file. I would recommend scite.

JOsh