Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Need help modifying a Template Monster template

Need help modifying a Template Monster template

Locked

Views: 3,859

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
27 Sep 2007, 12:03 PM
#1
liquidpictures avatar

liquidpictures

New Zenner

Join Date:
Jan 2006
Posts:
27
Plugin Contributions:
0

Need help modifying a Template Monster template

I bought a Template Monster template which i'm quite happy with, and have needed to change here and there. The basic design is great, but I need to play about a bit, and i'm really bad at CSS.

I know it's not a massive job, but i'm looking for a bit of help to fix the stylesheet with a couple of little tweaks to make it right.

The original site is at onlinespachemicals.co.uk

and I want it to look like this https://www.liquidpictures.co.uk/spa_chem_css.jpg

If you have 5 minutes to spare, i'd be really gratefull for any help. I have pasted the tpl_header.php file below, but please let me know if you need any more.

Thanks in advance, I think you're ace...

Kristian

<?php

/**

 * Common Template - tpl_header.php

 *

 * 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_footer.php to /templates/my_template/privacy/tpl_header.php<br />

 * to override the global settings and turn off the footer un-comment the following line:<br />

 * <br />

 * $flag_disable_header = true;<br />

 *

 * @package templateSystem

 * @copyright Copyright 2003-2006 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license [url]http://www.zen-cart.com/license/2_0.txt[/url] GNU Public License V2.0

 * @version $Id: tpl_header.php 3192 2006-03-15 22:37:24Z wilt $

 */

// Display all header alerts via messageStack:

if ($messageStack->size('header') > 0) {

  echo $messageStack->output('header');

}

?>



<?php

if (!isset($flag_disable_header) || $flag_disable_header == false) {



#MUMUMUMU

if (0){

?>
<style type="text/css">
<!--
.style1 {color: #FFFF00}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style>


<div class="top">

			<div class="main_div">

				<div class="table">

					<div class="table_row">

					  <div class="right" align=right>

							<div class="sub_topmenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>    |    <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>    |    <a href="<?=zen_href_link(FILENAME_PRIVACY)?>">Privacy</a>    |    <a href="<?=zen_href_link(FILENAME_SHIPPING)?>">Shipping info </a></div>

							<div class="table2">

								<div class="table_row2">

									<div class="left2">

										<div class="sub_langs"><!-- Languages -->



<?

  if (!isset($lng) || (isset($lng) && !is_object($lng))) {

    $lng = new language;

  }



  reset($lng->catalog_languages);



  while (list($key, $value) = each($lng->catalog_languages)) {

    echo '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '">' . zen_image(DIR_WS_LANGUAGES.$value['directory'].'/images/'.$value['image'], $value['name'], '', '', 'style="margin:0px 7px 0px 0px;vertical-align:middle;"') . '</a>';

  }

?>



<!-- End Languages --></div>

									</div>

									<div class="cent2">

										<div class="sub_topselect"><?=zen_image(DIR_WS_TEMPLATE.'images/hr1.jpg','','','',' align="middle"')?><!-- Currencies -->



<?=zen_draw_form('currencies', zen_href_link(basename(ereg_replace('.php','', $PHP_SELF)), '', $request_type, false), 'get')?>



<?



    if (isset($currencies) && is_object($currencies)) {



      reset($currencies->currencies);

      $currencies_array = array();

      while (list($key, $value) = each($currencies->currencies)) {

        $currencies_array[] = array('id' => $key, 'text' => $value['title']);

      }



      $hidden_get_variables = '';

      reset($_GET);

      while (list($key, $value) = each($_GET)) {

        if ( ($key != 'currency') && ($key != zen_session_name()) && ($key != 'x') && ($key != 'y') ) {

          $hidden_get_variables .= zen_draw_hidden_field($key, $value);

        }

      }

    }



?>



        <?=zen_draw_pull_down_menu('currency', $currencies_array, $_SESSION['currency'], 'class="select" onchange="this.form.submit();"') . $hidden_get_variables . zen_hide_session_id()?>

</form>

<!-- End Currencies --></div>

									</div>

									<div class="right2">

										<div class="sub_topinput"><?=zen_image(DIR_WS_TEMPLATE.'images/hr1.jpg','','','',' align="top"')?>



                                        </div>

									</div>

								</div>

							</div>

					  </div>

					</div>

				</div>

			</div>

</div>

		<div class="black_line"> </div>

     <div class="menu">

      <div class="sub_menu"><a href="<?=zen_href_link(FILENAME_DEFAULT)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/home.jpg')?></a><a href="<?=zen_href_link(FILENAME_SPECIALS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/specials.jpg')?></a><a href="<?=zen_href_link(FILENAME_PRODUCTS_NEW)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/new_prod.jpg')?></a><a href="index.php?main_page=products_all"><?=zen_image(DIR_WS_TEMPLATE.'images/all_prod.jpg')?></a><a href="<?=zen_href_link(FILENAME_REVIEWS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/reviews.jpg')?></a><a href="<?=zen_href_link(FILENAME_CONTACT_US)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/contact.jpg')?></a><a href="<?=zen_href_link(FILENAME_GV_FAQ)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/faq.jpg')?></a>

<?php if (isset($_SESSION['customer_id'])) { ?>

              <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?=zen_image(DIR_WS_TEMPLATE.'images/log_off.jpg')?></a>

<?php

      } else {

        if (STORE_STATUS == '0') {

?>

              <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?=zen_image(DIR_WS_TEMPLATE.'images/log_in.jpg')?></a>

<?php } } ?></div>

     </div>

     <div class="header">

			<div class="main_div">

				<div class="table">

					<div class="table_row">

						<div class="left" style="width:200px;">

							<div class="m1">

								<div class="head1"><div class="normal">information</div></div>

								<div class="top_ul"><div class="normal">

									<ul>

									<?php

									if (DEFINE_SHIPPINGINFO_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>';

  }

  if (DEFINE_PRIVACY_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>';

  }

  if (DEFINE_CONDITIONS_STATUS <= 1) {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>';

  }

  // only show GV FAQ when installed

  if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_GV_FAQ) . '">' . BOX_INFORMATION_GV . '</a></li>';

  }

  if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') {

    $information[] = '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>';

  }

									$content='';

									for ($i=0; $i<sizeof($information); $i++) {

    $content .= preg_replace('/^([^>]+>)/i', '$1', $information[$i]) . "\n";

  }echo $content;?>



									</ul>

								</div></div>

							</div>

						</div>

						<div class="right"><div class="sub_ban"><a href="<?=zen_href_link(FILENAME_DEFAULT.'&cPath=6')?>"><?=zen_image(DIR_WS_TEMPLATE.'images/top_ban.jpg')?></a></div></div>

					</div>

				</div>

			</div>

</div><?php }

#MYMUMUMUMUM END

     ?>

		<div class="table2">

			<div class="table_row2">

					<div class="left2"></div>

					<div class="right2">

						<div style="background:#015A6C; height:20px; vertical-align:middle; padding-top:5px; color:#FFFFFF;"><span class="style2"> Online Spa Chemicals  is the online division of John Preston Pool and Spa Services - <a href="http://www.johnpreston.info" class="style1">Click here for Spa site</a></span> </div>

<div class="table3">

							<div class="table_row3">

								<div class="left3">
								  <div class="sub_topmenu">

										<div class="small">										<form action="index.php?main_page=advanced_search_result&search_in_description=1" method="get" name="quick_srch"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 1px 5px 5px"')?><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 5px 5px 5px"')?><a href="<?=zen_href_link(FILENAME_PRIVACY)?>">Privacy</a><?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 5px 5px 5px"')?><a href="<?=zen_href_link(FILENAME_SHIPPING)?>">Shipping info</a>
										
<?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 2px 0px 5px"')?><a href="<?=zen_href_link(logoff)?>">Log Off</a>										
										
										<?=zen_image(DIR_WS_TEMPLATE.'images/q1.jpg','','','','align=middle style="margin:4px 15px 0px 9px"')?>

  <input name="main_page" type="hidden" id="main_page" value="advanced_search_result" />

  <input name="search_in_description" type="hidden" id="search_in_description" value="1" />

							

							<input type="text" name="keyword" class="input" />

							<input type="submit" name="Submit" value="Submit" />

</form>										</div>

								  </div>

							  </div>

							</div>

						</div>

						<div class="table4">

						
								<div class="left4">

									<div class="sub_ban1"></div>

								

								

									<div class="sub_ban2"><br style="line-height:1px"/>

										

										<div class="normal" align="left">

											<ul>

		

											</ul>

										

									</div>

								</div>

							</div>

						</div>

					</div>

		  </div>

			</div>

			<div class="menu">

				<div class="sub_menu"><a href="<?=zen_href_link(FILENAME_DEFAULT)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m1.jpg')?></a><a href="<?=zen_href_link(FILENAME_SPECIALS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m2.jpg')?></a><a href="<?=zen_href_link(FILENAME_PRODUCTS_NEW)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m3.jpg')?></a><a href="index.php?main_page=products_all"><?=zen_image(DIR_WS_TEMPLATE.'images/m4.jpg')?></a><a href="<?=zen_href_link(FILENAME_REVIEWS)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m5.jpg')?></a><a href="<?=zen_href_link(FILENAME_CONTACT_US)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m6.jpg')?></a><a href="<?=zen_href_link(FILENAME_GV_FAQ)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/m7.jpg')?></a></div>

			</div>





<?php

  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {

?>

        <table border="0" width="100%" cellspacing="0" cellpadding="2">

          <tr class="headerError">

            <td class="headerError"><?php echo htmlspecialchars(urldecode($_GET['error_message'])); ?></td>

          </tr>

        </table>

<?php

  }

  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {

?>

        <table border="0" width="100%" cellspacing="0" cellpadding="2">

          <tr class="headerInfo">

            <td class="headerInfo"><?php echo htmlspecialchars($_GET['info_message']); ?></td>

          </tr>

        </table>

<?php

  }

?>

<?php

}

?>

<!--bof-optional categories tabs navigation display-->

<?php

if (CATEGORIES_TABS_STATUS == '1') {

  require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php');

}

?>

<!--eof-optional categories tabs navigation display-->



<!--bof-header ezpage links-->

<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>

<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>

<?php } ?>

<!--eof-header ezpage links-->
2 Oct 2007, 7:54 PM
#2
dml311071 avatar

dml311071

New Zenner

Join Date:
Sep 2006
Location:
Grimsby UK
Posts:
98
Plugin Contributions:
0

Re: Need help modifying a Template Monster template

I'm surprised that no-one answered this before now.

It's not good news; template design companies can appear to offer great simple solutions, but, you have your work cut out here. I would imagine that you now have a new template with hacked php code and a CSS file that makes no sense to you.

I don't know how good your PHP coding is (I'm assuming that if your CSS is 'really bad' then PHP is going to be a mystery to you) but trying to decipher the new code and figure out the relevant CSS ids and classes are going to be a major project for anyone on this forum. A project that they simply will not have time for.

If you cannot live with the template that you bought the only answer is to learn css, by proxy you will have to learn XHTML. I'm sorry if that answer seems glib, but any information that anyone gives you here may as well be in a foreign language for all the help it's going to be. While some top down learning can be useful, this software really requires at least a moderate understanding of CSS.

I am not allowed to 'advertise' or promote particular learning aids or products here so try the w3c sites for pointers on XHTML and CSS.

Don't even be tempted to assume that there are shortcuts to your design problem, you will be wasting your time.:(

5 Oct 2007, 4:49 PM
#3
solidarity avatar

solidarity

New Zenner

Join Date:
Sep 2007
Posts:
13
Plugin Contributions:
0

Re: Need help modifying a Template Monster template

d'oh! Need a delete button lol

5 Oct 2007, 4:59 PM
#4
solidarity avatar

solidarity

New Zenner

Join Date:
Sep 2007
Posts:
13
Plugin Contributions:
0

Re: Need help modifying a Template Monster template

It's pretty hard for me to know without actually looking at the site and having more accessibilty, but I have a guess....

Go to \includes\languages\english and open up header.php

The following code is present and should look something like this:

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Name of Shop');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

Try changing the 'HEADER_LOGO_HEIGHT' value until it lines up correctly.

It looks like it's providing too much room between the header logo and the NavBar, because it thinks the image is larger than it is.