The first thing that is a problem is that the following info MUST be removed from the header file...
It causes HTML errors that can lead to errors occurring in the operation of AgoraCart.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Products - Halfacre Home - Handmade Specialty Preserves</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(html/images/Piece-Red_Back_ONLY.jpg);
background-repeat: repeat-x;
background-color: #AF272B;
}
.twoColFixLt #container #NavBar {
padding-top: 205px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 1160px;
}
.twoColFixLt #container {
width: 1160px;
text-align: center; /* this overrides the text-align: center on the body element. */
background-image: url(html/images/Piece-Site_Top_ONLY.png);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-position: center top;
background-repeat: no-repeat;
line-height: 14px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body class="twoColFixLt" onload="MM_preloadImages('html/images/Piece-ORIGINS_Button_ACTIVATED.png','html/images/Piece-PRODUCTS_Button_ACTIVATED.png','html/images/Piece-SIDEBOARD_Button_ACTIVATED.png','html/images/Piece-EVENTS_Button_ACTIVATED.png','html/images/Piece-HOME_Button_ACTIVATED.png','html/images/Piece-CONTACT_Button_ACTIVATED.png')">
AND FROM THE FOOTER, you need to remove:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Halfacre Home - Handmade Specialty Preserves</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(../../../images/Piece-Red_Back_ONLY.jpg);
background-repeat: repeat-x;
background-color: #AF272B;
}
.twoColFixLt #container3 {
width: 1160px;
text-align: center; /* this overrides the text-align: center on the body element. */
background-image: url(html/images/Piece-Site_Bottom_ONLY.png);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-position: center top;
background-repeat: no-repeat;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
-->
</style>
</head>
<body class="twoColFixLt">
There are special places for javascript in the Primary/Core settings manager.
We suggest using links to external javascript files as it is less likely to cause cross-scripting errors in your pages.
As for the CSS, you need to add your custom CSS to the agoratemplate.css file via the CSS Editor in the manager.
BTW, you store URL is incorrect. It is breaking the "2 dot rule".
The store URL should be:
http://www.halfacrehome.com/market/agora.cgi
The
www. at the beginning satisfies the "2 dot rule".
The main body of the page is handled with the 'ac_content' class, which can be found in the CSS Editor in the manager.
I would fix the first set of html errors and then start looking again...
_________________
God Bless!
Bonnie - AgoraCart Moderator
Get a Gold Membership