X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Changing static pages (https://forum.x-cart.com/showthread.php?t=27587)

balinor 12-26-2006 11:37 AM

Re: Changing static pages
 
View the source of that page...you'll see you have two <title> tags, two <body> tags, etc. Not sure where you have added that extra code, but you'll want to fix that first to see if that is the issue.

peter c 12-26-2006 11:54 AM

Re: Changing static pages
 
here is the source for the welcome.tpl:

Quote:

<link href="../../skin1.css" rel="stylesheet" type="text/css">
{* $Id: welcome.tpl,v 1.28.2.1 2006/07/12 04:51:17 svowl Exp $ *} {if ($active_modules.Greet_Visitor ne "") and ($smarty.cookies.GreetingCookie ne "") and $logout_user eq ''} {assign var="_name" value=$smarty.cookies.GreetingCookie|replace:"\'": "'"}{/if}
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="44">&nbsp;</td>
<td width="858" valign="top" class="TableCenter"> <p><br>
<br>
</p>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><p align="justify">The aim of the <font color="#C1021F"><strong>OPA</strong></font> is to offer people the chance to see there descendants graves from wherever they are in the world. Being involved in genealogy for many years, we know that one of the only ways that people can get pictures or transcriptions from there relatives graves, was to either pay someone privately to research Cemeteries or use Friends of the Cemetery.</p>
<p align="justify">Either way, it involved many hours of mails, letters, phone calls etc. These people do a fantastic job, but they can only spread thereselves so far. That is why we decided to offer this facility online. The obvious benefits are both cost and speed. Most people want this information quickly, so where better than online.</p></td>
</tr>
</table> <h3>&nbsp;</h3>
<hr size="1"></td>
<td width="21">&nbsp;</td>
<td bgcolor="#cccccc" valign="top" width="1"><img src="{$ImagesDir}/spacer.gif" alt="" border="0" height="10" width="1"></td>
<td align="center" width="17">&nbsp;</td>
<td class="TableLeft" height="522" valign="top" width="217">
<table width="192" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr height="100%" valign="top">
<td height="522"> <p><br>
<br>
<br>
<br>
{ include file="customer/search.tpl" } </p>
<p>&nbsp;</p>
<hr size="1"> {if $login eq "" } { include file="auth.tpl" } <BR>
{else} { include file="authbox.tpl" } <BR>
{/if}
<hr size="1">
<br>
{ include file="customer/menu_cart.tpl" }
<hr size="1"><br>
<table width="100%" height="83" border="0" cellpadding="1" cellspacing="0">
<tbody><tr>
<td class="DialogTitle" height="17" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="66" valign="top" class="DialogBorder"><br>
{ include file="today_news.tpl" }
<hr size="1"> &nbsp;</td>
</tr>
</tbody></table>
<p class="f_text">We are committed to providing the highest level of customer service &amp; support.</p>
<p class="f_text"><a href="pages.php?pageid=3">Press here</a> </p></td></tr></tbody></table>
</td>
<td class="TableLeft" width="9">&nbsp;</td>
</tr>
<tr>
<td height="2" colspan="7"></td>
</tr>
</tbody></table>


there is no body or title tag.

here is the code for the head.tpl

Quote:

<link rel="stylesheet" href="imenus0.css" type="text/css">
{literal}<script type="text/javascript">var newwindow;
function notice(url)
{
newwindow=window.open(url,'notice','height=550,wid th=425');
if (window.focus) {newwindow.focus()}
}</script>{/literal}
{literal}<style type="text/css">
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}
</style>{/literal}


{literal}<script type="text/javascript">

/***********************************************
* Sticky Note script- ╘ Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.

var displaymode="always"

var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
var IEfadelength=1 //fade in duration for IE, in seconds
var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

////////No need to edit beyond here///////////

if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)

function displayfadeinbox(){
var ie=document.all && !window.opera
var dom=document.getElementById
iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
var docwidth=(ie)? iebody.clientWidth : window.innerWidth
docheight=(ie)? iebody.clientHeight: window.innerHeight
var objwidth=objref.offsetWidth
objheight=objref.offsetHeight
objref.style.left=docwidth/2-objwidth/2+"px"
objref.style.top=scroll_top+docheight/2-objheight/2+"px"

if (showonscroll=="yes")
showonscrollvar=setInterval("staticfadebox()", 50)

if (enablefade=="yes" && objref.filters){
objref.filters[0].duration=IEfadelength
objref.filters[0].Apply()
objref.filters[0].Play()
}
objref.style.visibility="visible"
if (objref.style.MozOpacity){
if (enablefade=="yes")
mozfadevar=setInterval("mozfadefx()", 90)
else{
objref.style.MozOpacity=1
controlledhidebox()
}
}
else
controlledhidebox()
}

function mozfadefx(){
if (parseFloat(objref.style.MozOpacity)<1)
objref.style.MozOpacity=parseFloat(objref.style.Mo zOpacity)+Mozfadedegree
else{
clearInterval(mozfadevar)
controlledhidebox()
}
}

function staticfadebox(){
var ie=document.all && !window.opera
var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
objref.style.top=scroll_top+docheight/2-objheight/2+"px"
}

function hidefadebox(){
objref.style.visibility="hidden"
if (typeof showonscrollvar!="undefined")
clearInterval(showonscrollvar)
}

function controlledhidebox(){
if (autohidebox[0]=="yes"){
var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
setTimeout("hidefadebox()", delayvar)
}
}

function initfunction(){
setTimeout("displayfadeinbox()", 100)
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}


if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", initfunction)
else if (document.getElementById)
window.onload=initfunction
document.cookie="fadedin=yes"
}


</script>{/literal}
{literal}<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>{/literal}</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="62%" valign="top" background="{$ImagesDir}/head2_04.gif"><img src="{$ImagesDir}/head2_05.jpg" width="751" height="134"></td>
</tr>
</table>
<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.Ra ndomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gra y,direction=135) ; -moz-opacity:0">

PLEASE NOTE: OPA Is launching soon and is currently updating the database and will not become live until Mid January 2007. Do not input personal data or CC details until the site becomes live.Please subscribe to receive notification of the official opening and the list of updates. This message will appear on each page until we go live.Thank you.<br>
╘ OPA<br>

<div align="right"> <a href="#" onClick="hidefadebox();return false">Hide Box</a>
</div>
</DIV>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>{literal}<script language="JavaScript" src="imenus0.js" type="text/javascript"></script>{/literal}
{literal}<script language="JavaScript" src="ocscript.js" type="text/javascript"></script>{/literal}<span class="HeadLine"></span></td>
</tr>
</table>

The body tag has to be there to display the disclaimer popup.


and the code for the home.tpl

peter c 12-26-2006 11:55 AM

Re: Changing static pages
 
part 2 coding to overcome 10000 character limit:

Home.tpl

Quote:

{* $Id: home.tpl,v 1.67.2.8 2005/06/15 06:14:26 max Exp $ *}
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<HTML>
<HEAD>
<TITLE>
{if $config.SEO.page_title_format eq "A"}{section name=position loop=$location}{$location[position].0|escape}{if not %position.last%} :: {/if}{/section}{else}{section name=position loop=$location step=-1}{$location[position].0|escape}{if not %position.last%} :: {/if}{/section}{/if}</TITLE><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
</HEAD>
<BODY {if $body_onload ne ''} onload="{$body_onload}"{/if}>
{ include file="rectangle_top.tpl" }
{ include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}
<br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" height="38" valign="top">&nbsp;</td>
<td width="1162" valign="top"><br>
{include file="dialog_message.tpl"} {if $active_modules.Special_Offers ne ""} {include file="modules/Special_Offers/customer/new_offers_message.tpl"} {/if} {include file="customer/home_main.tpl"}</td>
</tr>
</table>
<!-- main area -->
{ include file="rectangle_bottom.tpl" }
</BODY>
</HTML>
{/if}

Hope this helps. peter

balinor 12-26-2006 11:59 AM

Re: Changing static pages
 
Yes, there is your problem. You have a <head> tag and a <body> tag in head.tpl. Those should only be on customer/home.tpl.

peter c 12-26-2006 12:15 PM

Re: Changing static pages
 
removed those balinor, but still the same. totally different in IE7 & FF. At the simplest level. what is the correct way to set up your pages in x-cart so your site is uniform in all browsers. Thanks. peter

balinor 12-26-2006 12:22 PM

Re: Changing static pages
 
You need to fix the errors in your code and make the site W3C compliant. Right now you have 14 critical errors and 53 warnings. Start by fixing those and you'll stand a better chance of getting the site to display uniformly. By default, X-Cart is compliant...but the custom code you have added is really messing things up.

peter c 12-26-2006 12:34 PM

Re: Changing static pages
 
will re-install and start again. thanks very much for help.

balinor 12-26-2006 12:38 PM

Re: Changing static pages
 
Just remember that anything that is supposed to go in the <head> tag needs to be added to customer/home.tpl, not head.tpl. Run your code through a validator to make sure you are following the standards, and use css as much as you can (as opposed to tables). Keep your JavaScript called externally instead of adding it to the templates. Good luck!

peter c 12-26-2006 12:41 PM

Re: Changing static pages
 
cheers balinor.

peter c 12-27-2006 07:39 AM

Re: Changing static pages
 
Balinor. just follow on from yesterday. re-installed cart. still getting 33 validation errors with clean install.from w3. only using home.tpl for headtags etc. am i correct in assuming that any javascript that uses the head tag needs to be placed in the home.tpl? how does this relate onload commands etc where a body is needed? i have also placed all javascript in external js files, but cannot get them to display. code is fine if i run it direct from page, but not as external js file. Any ideas? Thanks. Peter


All times are GMT -8. The time now is 10:02 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.