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)

peter c 12-26-2006 08:16 AM
Changing static pages
 
is it possible to have static pages load into say the welcome.tpl instead of the dialog.tpl. Or is there another way to present a page that will display 100% of the browser width. Thanks.

balinor 12-26-2006 08:58 AM
Re: Changing static pages
 
The static page width should default to the width set for your site.

peter c 12-26-2006 09:11 AM
Re: Changing static pages
 
it does in FF2.0 but not in IE7. I did test and just put this code in:

Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

And it still only displayed at approx 75%. I also notice this at login. at the home.php in both FF & IE7 it is 100%. when you login is seems to narrow both sides of the page so it shows smaller and not 100%.

balinor 12-26-2006 09:35 AM
Re: Changing static pages
 
Are we talking embedded static pages or not?

peter c 12-26-2006 10:54 AM
Re: Changing static pages
 
yes. embedded not root.

balinor 12-26-2006 10:56 AM
Re: Changing static pages
 
Remember you can't have html, head, title or body tags in an embedded static page, as those are pulled from customer/home.tpl. The embedded page should just have the html code itself.

peter c 12-26-2006 11:16 AM
Re: Changing static pages
 
thanks balinor. what i cannot understand though, is how you are supposed to get a uniform site. do you have to design html pages for each link/section and call them via hyperlink?

balinor 12-26-2006 11:19 AM
Re: Changing static pages
 
Not sure I follow...if you use an embedded static page it simply fits into the site structure, which the header, side menus and footer wrapping around the content of the static page. You shouldn't have different widthis or looks at all, it should look the same as your category, product and home pages.

peter c 12-26-2006 11:21 AM
Re: Changing static pages
 
if you give me 5 mins balinor, then i shall set some example at site so you can see. Thanks. peter

peter c 12-26-2006 11:31 AM
Re: Changing static pages
 
Balinor. i have just dropped a table & menu etc on page. There is a link states: press here. if you click that link will take you to another hurried page. you will see what i am reffering too in IE7 & FF. The url: http://opa.uk.com remember this is work in progress as i only got x-cart friday. Thank you.

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:04 AM.

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