ShopSite Forums

Your source for ShopSite user collaboration

Skip to content

Style sheet in shopping cart - PLEASE HELP! :)

General ShopSite user discussion
Post a reply

Style sheet in shopping cart - PLEASE HELP! :)

Postby moonie » Wed Oct 04, 2006 5:25 am

I got the style sheet to work on everything but my shopping cart section. If you go to the page below, that is what I want the writing to look like, but if you click add to cart, the style sheet is gone :(

http://evaand.fatcow.com/store/product1.html

I think I have it in the code...
Can anyone tell me what section I would put this in or how?? Here is my shopping cart template code:

##############################################
# ShopSite "Classic" Shopping Cart Templates #
##############################################

[-- DEFINE ShoppingCart --]
<HTML><HEAD>
<meta name="generator" content="ShopSite Manager 8.1.2 (data - newtemplate)">
<TITLE>products</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript 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>
<LINK href="http://www.evaandyou.com/store/media/bodytext.css" type=text/css rel=stylesheet>
</HEAD>
<BODY bgColor=#473427
onload="MM_preloadImages('http://www.evaandyou.com/images/how_we_over.gif','http://www.evaandyou.com/images/service_over.gif','http://www.evaandyou.com/images/portfolio_over.gif','http://www.evaandyou.com/images/eva_over.gif','http://www.evaandyou.com/images/contact_over.gif')">
<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFAE">
<tr>
<td><img src="http://www.evaandyou.com/PRODUCTHEADER.gif" width="750" height="129" border="0" usemap="#Map">
<map name="Map">

<area shape="rect" coords="225,28,351,46" href="http://evaand.fatcow.com/store/page3.html">
<area shape="rect" coords="225,51,351,69" href="http://evaand.fatcow.com/store/page2.html">
<area shape="rect" coords="225,73,351,91" href="http://evaand.fatcow.com/store/page4.html">
</map>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width=750 bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width=200 height="425" valign="top" bgcolor="#C1DDD4">
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>
<TR>
<TD><A
onmouseover="MM_swapImage('Image9','','http://www.evaandyou.com/images/how_we_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/consultation.html"><IMG height=36
src="http://www.evaandyou.com/how_we.gif" width=200 border=0
name=Image9></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image10','','http://www.evaandyou.com/images/service_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/custom.html"><IMG height=29
src="http://www.evaandyou.com/services.gif" width=200 border=0
name=Image10></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image11','','http://www.evaandyou.com/images/portfolio_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/port_before.html"><IMG height=28
src="http://www.evaandyou.com/portfolio.gif" width=200 border=0
name=Image11></A></TD>

</TR>
<TR>
<TD><A href="http://www.evaandyou.com/products.html"><IMG height=28
src="http://www.evaandyou.com/products_over.gif" width=200 border=0></A></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image13','','http://www.evaandyou.com/images/eva_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/eva.html"><img height=28
src="http://www.evaandyou.com/eva.gif" width=200 border=0
name=Image13></a></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image14','','http://www.evaandyou.com/images/contact_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/contact.html"><img height=36
src="http://www.evaandyou.com/contact.gif" width=200 border=0
name=Image14></a></TD>

</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top width=550 bgColor=#efefae>


<div align="center">[-- ShopSiteMessages --]</div>

<div class="header">
[-- ShoppingCartHeader --]
</div>

# Start the shopping cart form
[-- SC_Form --]
<table border="0" width="0" align="center">
[-- IF SC_Registration --]
<tr>
<td align="center">
[-- SC_Registration --]
</td>
</tr>
[-- END_IF --]

#<!-- Reward Program -->#
#<!-- only appears if they've qualified. -->#
<tr>
<td align="center">[-- SC_Reward_Program --]</td>
</tr>

<tr>
<td align="center">
[-- SC_ShowBasket --]
</td>
</tr>

<tr>
<td align="right">
[-- SC_Cart --]
</td>
</tr>

<tr>
<td align="right">
<table border="0" cellpadding="0" cellspacing="0" style="line-height:150%">
<tr>
<td align="left" valign="top">
<!-- Table for the shipping and tax selections etc. -->
<br>[-- SC_Tax_Shipping --]
[-- SC_Surcharge --]
</td>

<td width="20px">&nbsp;</td>

<td valign="top">
<!-- Table for totals, etc. -->
[-- SC_Totals --]
</td>
</tr>
</table>
</td>
</tr>

# <tr><td width="100%"><hr noshade size="2"></td></tr>

[-- IF SC_Coupon --]
<tr>
<td align="center">
<br><table border="0" cellpadding="3" cellspacing="0">
<tr>
<td width="190" align="right"><font size="2">[-- STORE.CouponCaption --]</font></td>
<td colspan=2 width="183">[-- SC_Coupon --]</td>
<td width="244" align="left">
<font size="2">
[-- IF SC_Coupon_Button --]
[-- BUTTON ApplyCoupon --]
[-- ELSE --]
[-- STORE.EnterCoupon --]
[-- END_IF --]
</font>
</td>
<td colspan=2 width="81"></td>
</tr>
</table>
</td>
</tr>
[-- END_IF --]

<tr>
<td class="buttons">
[-- BUTTON Recalculate --]&nbsp;[-- BUTTON EmptyCart --]
</td>
</tr>

<tr>
<td class="buttons">
<small><i>[-- STORE.SC_AnyChanges --]</i></small>
</td>
</tr>

[-- IF SC_OrderingInstructions --]
<tr>
<td class="orderinginstructions">
[-- SC_OrderingInstructions 4 60 --]
</td>
</tr>
[-- END_IF --]

[-- IF SC_GiftCert --]
<tr>
<td align="center">
[-- STORE.EnterGiftCert --]
[-- IF SC_GiftCert_Button --]
[-- STORE.GiftCert_Redeem --]
[-- ELSE --]
[-- STORE.GiftCert_Recalculate --]
[-- END_IF --]
<br><table border="0" cellpadding="3" cellspacing="0">
<tr>
# <td width="190" align="right"><font size="2">[-- STORE.GiftCertCaption --]</font></td>
# <td align="right"><font size="2">[-- STORE.GiftCertCaption --]</font></td>
<td colspan="2">[-- SC_GiftCert --]</td>
# <td width="244" align="left">
<td align="left">
[-- IF SC_GiftCert_Button --]
<font size="2">[-- BUTTON ApplyGiftCert --]</font>
[-- END_IF --]
</td>
</tr>
</table>
</td>
</tr>
[-- END_IF --]

<tr>
<td class="paymentselection">
[-- SC_PaymentSelection --]
</td>
</tr>

# <tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td class="buttons">
[-- BUTTON ContinueShopping --]&nbsp;[-- BUTTON Checkout --]
</td>
</tr>

</table>
</form>

<div class="footer">
[-- ShoppingCartFooter --]
</div>

<p align="center" class="bodytext">&nbsp;</p></td>

</tr>
</table>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>

<P class=bodytext>&nbsp;</P>
<P>&nbsp;</P></BODY></HTML>

[-- END_DEFINE ShoppingCart --]


#######################
[-- DEFINE Shipping --]
<HTML><HEAD>
<meta name="generator" content="ShopSite Manager 8.1.2 (data - newtemplate)">
<TITLE>products</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript 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>
<LINK href="http://www.evaandyou.com/store/media/bodytext.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#473427
onload="MM_preloadImages('http://www.evaandyou.com/images/how_we_over.gif','http://www.evaandyou.com/images/service_over.gif','http://www.evaandyou.com/images/portfolio_over.gif','http://www.evaandyou.com/images/eva_over.gif','http://www.evaandyou.com/images/contact_over.gif')">
<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFAE">
<tr>
<td><img src="http://www.evaandyou.com/PRODUCTHEADER.gif" width="750" height="129" border="0" usemap="#Map">
<map name="Map">

<area shape="rect" coords="225,28,351,46" href="http://evaand.fatcow.com/store/page3.html">
<area shape="rect" coords="225,51,351,69" href="http://evaand.fatcow.com/store/page2.html">
<area shape="rect" coords="225,73,351,91" href="http://evaand.fatcow.com/store/page4.html">
</map>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width=750 bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width=200 height="425" valign="top" bgcolor="#C1DDD4">
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>
<TR>
<TD><A
onmouseover="MM_swapImage('Image9','','http://www.evaandyou.com/images/how_we_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/consultation.html"><IMG height=36
src="http://www.evaandyou.com/how_we.gif" width=200 border=0
name=Image9></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image10','','http://www.evaandyou.com/images/service_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/custom.html"><IMG height=29
src="http://www.evaandyou.com/services.gif" width=200 border=0
name=Image10></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image11','','http://www.evaandyou.com/images/portfolio_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/port_before.html"><IMG height=28
src="http://www.evaandyou.com/portfolio.gif" width=200 border=0
name=Image11></A></TD>

</TR>
<TR>
<TD><A href="http://www.evaandyou.com/products.html"><IMG height=28
src="http://www.evaandyou.com/products_over.gif" width=200 border=0></A></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image13','','http://www.evaandyou.com/images/eva_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/eva.html"><img height=28
src="http://www.evaandyou.com/eva.gif" width=200 border=0
name=Image13></a></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image14','','http://www.evaandyou.com/images/contact_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/contact.html"><img height=36
src="http://www.evaandyou.com/contact.gif" width=200 border=0
name=Image14></a></TD>

</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top width=550 bgColor=#efefae>

[-- ShopSiteMessages --]

<div class="header">
[-- ShippingHeader --]
</div>

# Start the shipping form
[-- SC_Form --]
<table border="0" width="0" align="center">
[-- IF CustomHTML --]
<tr>
<td>
<div class="custom1">[-- SHIP_CustomHTML 1 --]</div>
</td>
</tr>
[-- END_IF --]

<tr>
<td align="right">
[-- SC_Cart --]
</td>
</tr>
<tr>
<td align="right">
[-- SC_Totals --]
</td>
</tr>

[-- IF CustomHTML --]
<tr>
<td>
<div class="custom1">[-- SHIP_CustomHTML 2 --]</div>
</td>
</tr>
[-- END_IF --]

<tr><td align="center"><hr noshade size="2"></td></tr>

[-- VAR.HR "no" --]
[-- IF SC_Comments --]
<tr>
<td align="center">
[-- SC_Comments --]
[-- VAR.HR "yes" --]
</td>
</tr>
[-- END_IF --]

[-- IF CustomHTML --]
<tr>
<td>
<div class="custom1">[-- SHIP_CustomHTML 3 --]</div>
</td>
</tr>
[-- END_IF --]

[-- IF VAR.HR "yes" --]
<tr><td align="center"><hr noshade size="2"></td></tr>
[-- END_IF --]

<tr>
<td align="center">
[-- SC_Address --]
</td>
</tr>

[-- IF CustomHTML --]
<tr>
<td>
<div class="custom1">[-- SHIP_CustomHTML 4 --]</div>
</td>
</tr>
[-- END_IF --]

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Payment --]
</td>
</tr>

[-- IF CustomHTML --]
<tr>
<td>
<div class="custom1">[-- SHIP_CustomHTML 5 --]</div>
</td>
</tr>
[-- END_IF --]

<tr><td align="center"><hr noshade size="2"></td></tr>

[-- IF Email_List --]
<tr>
<td align="center">
[-- Email_List --]
</td>
</tr>
[-- END_IF --]
[-- IF SECURITYIMAGE --]
<tr>
<td align="center" class="secureimage">
[-- SHIPSECURITYIMAGE --]
</td>
</tr>
[-- END_IF --]
<tr>
<td class="buttons">
[-- BUTTON ReturnToCart --]&nbsp;[-- BUTTON SubmitOrder --]
</td>
</tr>

</table>
</form>

<div class="footer">
[-- ShippingFooter --]
</div>

<p align="center" class="bodytext">&nbsp;</p></td>

</tr>
</table>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>

<P class=bodytext>&nbsp;</P>
<P>&nbsp;</P></BODY></HTML>
[-- END_DEFINE Shipping --]


###########################
[-- DEFINE Confirmation --]
<HTML><HEAD>
<meta name="generator" content="ShopSite Manager 8.1.2 (data - newtemplate)">
<TITLE>products</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript 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>
<LINK href="http://www.evaandyou.com/store/media/bodytext.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#473427
onload="MM_preloadImages('http://www.evaandyou.com/images/how_we_over.gif','http://www.evaandyou.com/images/service_over.gif','http://www.evaandyou.com/images/portfolio_over.gif','http://www.evaandyou.com/images/eva_over.gif','http://www.evaandyou.com/images/contact_over.gif')">
<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFAE">
<tr>
<td><img src="http://www.evaandyou.com/PRODUCTHEADER.gif" width="750" height="129" border="0" usemap="#Map">
<map name="Map">

<area shape="rect" coords="225,28,351,46" href="http://evaand.fatcow.com/store/page3.html">
<area shape="rect" coords="225,51,351,69" href="http://evaand.fatcow.com/store/page2.html">
<area shape="rect" coords="225,73,351,91" href="http://evaand.fatcow.com/store/page4.html">
</map>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width=750 bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width=200 height="425" valign="top" bgcolor="#C1DDD4">
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>
<TR>
<TD><A
onmouseover="MM_swapImage('Image9','','http://www.evaandyou.com/images/how_we_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/consultation.html"><IMG height=36
src="http://www.evaandyou.com/how_we.gif" width=200 border=0
name=Image9></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image10','','http://www.evaandyou.com/images/service_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/custom.html"><IMG height=29
src="http://www.evaandyou.com/services.gif" width=200 border=0
name=Image10></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image11','','http://www.evaandyou.com/images/portfolio_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/port_before.html"><IMG height=28
src="http://www.evaandyou.com/portfolio.gif" width=200 border=0
name=Image11></A></TD>

</TR>
<TR>
<TD><A href="http://www.evaandyou.com/products.html"><IMG height=28
src="http://www.evaandyou.com/products_over.gif" width=200 border=0></A></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image13','','http://www.evaandyou.com/images/eva_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/eva.html"><img height=28
src="http://www.evaandyou.com/eva.gif" width=200 border=0
name=Image13></a></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image14','','http://www.evaandyou.com/images/contact_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/contact.html"><img height=36
src="http://www.evaandyou.com/contact.gif" width=200 border=0
name=Image14></a></TD>

</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top width=550 bgColor=#efefae>
[-- ShopSiteMessages --]

<div class="header">
[-- ConfirmationHeader --]
</div>

# Start the confirmation form
[-- SC_Form --]
<table border="0" width="0" align="center">
<tr>
<td align="right">
[-- SC_Cart --]
</td>
</tr>
<tr>
<td align="right">
[-- SC_Totals --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Address --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Payment --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

[-- VAR.HR No --]

[-- IF SC_OrderingInstructions_Text --]
<tr>
<td align="center">
[-- SC_OrderingInstructions --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF SC_Comments_Text --]
<tr>
<td align="center">
[-- SC_Comments --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF CustomHTML_Values --]
<tr>
<td align="center">
<table class="CustomHTML">
<tr>
<td align="left">
[-- CustomHTML_Values --]
</td>
</tr>
</table>
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF Email_List --]
<tr>
<td class="email">
[-- Email_List --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF VAR.HR Yes --]
<tr><td align="center"><hr noshade size="2"></td></tr>
[-- END_IF --]

<tr>
<td class="buttons">
[-- BUTTON MakeChanges --]&nbsp;[-- BUTTON Confirmation --]
</td>
</tr>

</table>
</form>


<div class="footer">
[-- ConfirmationFooter --]
</div>
<p align="center" class="bodytext">&nbsp;</p></td>

</tr>
</table>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>

<P class=bodytext>&nbsp;</P>
<P>&nbsp;</P></BODY></HTML>
[-- END_DEFINE Confirmation --]


#######################
[-- DEFINE ThankYou --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
# ShopSite "Classic" Thank You Page Template

<HTML><HEAD>
<meta name="generator" content="ShopSite Manager 8.1.2 (data - newtemplate)">
<TITLE>products</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript 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>
<LINK href="http://www.evaandyou.com/store/media/bodytext.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#473427
onload="MM_preloadImages('http://www.evaandyou.com/images/how_we_over.gif','http://www.evaandyou.com/images/service_over.gif','http://www.evaandyou.com/images/portfolio_over.gif','http://www.evaandyou.com/images/eva_over.gif','http://www.evaandyou.com/images/contact_over.gif')">
<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFAE">
<tr>
<td><img src="http://www.evaandyou.com/PRODUCTHEADER.gif" width="750" height="129" border="0" usemap="#Map">
<map name="Map">

<area shape="rect" coords="225,28,351,46" href="http://evaand.fatcow.com/store/page3.html">
<area shape="rect" coords="225,51,351,69" href="http://evaand.fatcow.com/store/page2.html">
<area shape="rect" coords="225,73,351,91" href="http://evaand.fatcow.com/store/page4.html">
</map>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width=750 bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width=200 height="425" valign="top" bgcolor="#C1DDD4">
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>
<TR>
<TD><A
onmouseover="MM_swapImage('Image9','','http://www.evaandyou.com/images/how_we_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/consultation.html"><IMG height=36
src="http://www.evaandyou.com/how_we.gif" width=200 border=0
name=Image9></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image10','','http://www.evaandyou.com/images/service_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/custom.html"><IMG height=29
src="http://www.evaandyou.com/services.gif" width=200 border=0
name=Image10></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image11','','http://www.evaandyou.com/images/portfolio_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/port_before.html"><IMG height=28
src="http://www.evaandyou.com/portfolio.gif" width=200 border=0
name=Image11></A></TD>

</TR>
<TR>
<TD><A href="http://www.evaandyou.com/products.html"><IMG height=28
src="http://www.evaandyou.com/products_over.gif" width=200 border=0></A></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image13','','http://www.evaandyou.com/images/eva_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/eva.html"><img height=28
src="http://www.evaandyou.com/eva.gif" width=200 border=0
name=Image13></a></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image14','','http://www.evaandyou.com/images/contact_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/contact.html"><img height=36
src="http://www.evaandyou.com/contact.gif" width=200 border=0
name=Image14></a></TD>

</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top width=550 bgColor=#efefae>

<center>
[-- ThankYouReturnStore --]
</center>

<div class="header">
[-- ThankYouHeader --]
</div>

<table border="0" width="0" align="center">

<tr>
<td>
[-- STORE.SC_YourReceipt --]<br>&nbsp;
</td>
</tr>

<tr>
<td align="center">
<b>[--Store.SC_OrderNumber--]&nbsp;[-- ThankYouOrderNumber --]</b>
</td>
</tr>

<tr>
<td align="right">
[-- SC_Cart --]
</td>
</tr>

<tr>
<td align="right">
[-- SC_Totals --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Address --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Payment --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

[-- VAR.HR No --]

[-- IF SC_OrderingInstructions_Text --]
<tr>
<td align="center">
[-- SC_OrderingInstructions --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF SC_Comments_Text --]
<tr>
<td align="center">
[-- SC_Comments --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF CustomHTML_Values --]
<tr>
<td align="center">
<table class="CustomHTML">
<tr>
<td align="left">
[-- CustomHTML_Values --]
</td>
</tr>
</table>
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF Email_List --]
<tr>
<td class="email">
[-- Email_List --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF VAR.HR Yes --]
<tr><td align="center"><hr noshade size="2"></td></tr>
[-- END_IF --]

</table>

<div align="footer">
[-- ThankYouFooter --]
</div>

<p align="center" class="bodytext">&nbsp;</p></td>

</tr>
</table>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>

<P class=bodytext>&nbsp;</P>
<P>&nbsp;</P></BODY></HTML>
[-- END_DEFINE ThankYou --]


#############################
[-- DEFINE ThankYou_Email --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
# ShopSite "Classic" Thank You E-Mail Template
<HTML><HEAD>
<meta name="generator" content="ShopSite Manager 8.1.2 (data - newtemplate)">
<TITLE>products</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript 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>
<LINK href="http://www.evaandyou.com/store/media/bodytext.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#473427
onload="MM_preloadImages('http://www.evaandyou.com/images/how_we_over.gif','http://www.evaandyou.com/images/service_over.gif','http://www.evaandyou.com/images/portfolio_over.gif','http://www.evaandyou.com/images/eva_over.gif','http://www.evaandyou.com/images/contact_over.gif')">
<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFAE">
<tr>
<td><img src="http://www.evaandyou.com/PRODUCTHEADER.gif" width="750" height="129" border="0" usemap="#Map">
<map name="Map">

<area shape="rect" coords="225,28,351,46" href="http://evaand.fatcow.com/store/page3.html">
<area shape="rect" coords="225,51,351,69" href="http://evaand.fatcow.com/store/page2.html">
<area shape="rect" coords="225,73,351,91" href="http://evaand.fatcow.com/store/page4.html">
</map>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0 width=750 bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width=200 height="425" valign="top" bgcolor="#C1DDD4">
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>
<TR>
<TD><A
onmouseover="MM_swapImage('Image9','','http://www.evaandyou.com/images/how_we_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/consultation.html"><IMG height=36
src="http://www.evaandyou.com/how_we.gif" width=200 border=0
name=Image9></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image10','','http://www.evaandyou.com/images/service_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/custom.html"><IMG height=29
src="http://www.evaandyou.com/services.gif" width=200 border=0
name=Image10></A></TD>
</TR>
<TR>
<TD><A
onmouseover="MM_swapImage('Image11','','http://www.evaandyou.com/images/portfolio_over.gif',1)"
onmouseout=MM_swapImgRestore()
href="http://www.evaandyou.com/port_before.html"><IMG height=28
src="http://www.evaandyou.com/portfolio.gif" width=200 border=0
name=Image11></A></TD>

</TR>
<TR>
<TD><A href="http://www.evaandyou.com/products.html"><IMG height=28
src="http://www.evaandyou.com/products_over.gif" width=200 border=0></A></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image13','','http://www.evaandyou.com/images/eva_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/eva.html"><img height=28
src="http://www.evaandyou.com/eva.gif" width=200 border=0
name=Image13></a></TD>
</TR>
<TR>
<TD><a
onMouseOver="MM_swapImage('Image14','','http://www.evaandyou.com/images/contact_over.gif',1)"
onMouseOut=MM_swapImgRestore()
href="http://www.evaandyou.com/contact.html"><img height=36
src="http://www.evaandyou.com/contact.gif" width=200 border=0
name=Image14></a></TD>

</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top width=550 bgColor=#efefae>


<p class="buttons">[-- ThankYouReturnStore --]</p>

<div class="header">[-- ThankYouHeader --]</div>

<table border="0" width="0" align="center">

<tr>
<td align="center">
<b>[--Store.SC_OrderNumber--]&nbsp;[-- ThankYouOrderNumber --]</b>
</td>
</tr>

<tr>
<td align="right">
[-- SC_Cart --]
</td>
</tr>

<tr>
<td align="right">
[-- SC_Totals --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Address --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

<tr>
<td align="center">
[-- SC_Payment --]
</td>
</tr>

<tr><td align="center"><hr noshade size="2"></td></tr>

[-- VAR.HR No --]

[-- IF SC_OrderingInstructions_Text --]
<tr>
<td align="center">
[-- SC_OrderingInstructions --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF SC_Comments_Text --]
<tr>
<td align="center">
[-- SC_Comments --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF CustomHTML_Values --]
<tr>
<td align="center">
<table align="center">
<tr>
<td align="left">
[-- CustomHTML_Values --]
</td>
</tr>
</table>
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF Email_List --]
<tr>
<td align="center">
[-- Email_List --]
</td>
</tr>
[-- VAR.HR Yes --]
[-- END_IF --]

[-- IF VAR.HR Yes --]
<tr><td align="center"><hr noshade size="2"></td></tr>
[-- END_IF --]

</table>

<div class="footer">
[-- ReceiptFooter --]
</div>

<p align="center" class="bodytext">&nbsp;</p></td>

</tr>
</table>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>

<P class=bodytext>&nbsp;</P>
<P>&nbsp;</P></BODY></HTML>
[-- END_DEFINE ThankYou_Email --]
moonie
 
Posts: 13
Joined: Sat Sep 30, 2006 12:36 pm
Top

Postby bshown » Wed Oct 18, 2006 11:26 am

Hello Moonie,

The thing is about the css in shopsite carts is that each section has it's own class names in the custom templates under the includes section you'll want to copy the shopsite includes sc_cart.css, sc_shipping.css, sc_thankyou.css, and sc_thankyouemail.css be sure to add.css to the end of the name of your include names. Most of these .css files have a lot of the same classes so if you want you can consolidate them into one include file then set copy over the porpeties of the css that you are using and put them in the inculude that you have created

finally add the code [-- INCLUDE (name of your include) PROCESS --] in the head and you should be set. I hope this help, if not let me know and btw I like you site design
bshown
 
Posts: 4
Joined: Wed Oct 18, 2006 11:15 am
Location: Napa, CA
Top

Thanks

Postby moonie » Wed Oct 18, 2006 11:37 am

But I have NO idea what you mean :) Im sorry, not good with "include files" I just dont understand whats going on here...

Thanks
moonie
 
Posts: 13
Joined: Sat Sep 30, 2006 12:36 pm
Top

Postby bshown » Wed Oct 18, 2006 1:22 pm

I'll be honest I don't know if this will work but here are the css classes used that aren't the a or body class add these classes to your css file and add your own properties



div.header
div.footer
div#messages
table.cart
th
td.cart_delete, td.cart_cp_delete
td.cart_quantity, td.cart_cp_quantity
td.cart_name, td.cart_cp_name
td.cart_sku, td.cart_cp_sku
td.cart_price, td.cart_cp_price
td.cart_total, td.cart_cp_total
td.cart_op
td.cart_op1, td.cart_op2
td.cart_empty

note that all of the td.cart have a padding: 3px;

select.cart
textarea.cart
/* Delete Item Button */
input.button154

table.totals
td.totals_txt, td.totals_saved_txt, td_totals_blank - has a padding-right: 15px;
td.totals, td.totals_saved - has a padding-right: 3px;
td.totals_all, td.totals_all_txt

table.payment
table.pay_holder
td.pay_holder_hdr
td.payment_hdr
td.paymentselection
td.payment
td.payment_value

table.sql_pay - has a margin-left: -4px;
td.sql_pay - has a padding-right: 15px;
td.new_payment_type
td.coupon
td.buttons

table.zipncountry
td.zipncountry
td.zipncountry_text
td.sql_addr_hdr
td.sql_addr
table.taxnship, table.surcharge - has a padding-top: 1em;
td.taxnship_hdr
td.taxnship
table.surcharge
td.orderinginstructions - has a padding-top: 1em;
table.instruct
td.instruct_hdr


/*****************/
/*** Buttons ***/
/*****************/
#Apply Coupon
input.button152
# Remove button
input.button154


/*********************************/
/*** Table of Error Messages ***/
/*********************************/
td.checkout_err, td.thankyou_err
td.ups_error


td.comm_hdr
table.addr
table.bill_addr, table.ship_addr
table.addr_name
td.bill_addr_hdr, td.ship_addr_hdr
td.addr
td.addr_val
td.ship_check
td.addr_foot
td.sql_addr


/***************************************/
/*** Table of Totals ***/
/*** Subtotal, Tax, Shipping, etc. ***/
/***************************************/

table.totals
td.totals_txt, td.totals_saved_txt, td_totals_blank
td.totals, td.totals_saved
td.totals_all, td.totals_all_txt



table.instruct - has a padding-bottom: .5em;
td.instruct_hdr


table.CustomHTML - has a padding-bottom: .5em;
td.email - has a padding-bottom: .5em;
bshown
 
Posts: 4
Joined: Wed Oct 18, 2006 11:15 am
Location: Napa, CA
Top

Postby Jim » Wed Oct 18, 2006 2:10 pm

Note that there are 5 sections to the shopping cart template each begins with [-- DEFINE ... --] and ends with [-- END_DEFINE ...--]

There are different styles in each section of the template so you would need to include a style sheet for each of the sections.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah
Top

Postby bshown » Wed Oct 18, 2006 4:09 pm

yes for whatever reason every one of the 4-5 shopping cart pages are all
in the same templates and one of the area between a [-- define --] and
[-- end_define--] is a completely different page and thus need your css
added to it
bshown
 
Posts: 4
Joined: Wed Oct 18, 2006 11:15 am
Location: Napa, CA
Top
Post a reply

Return to User Forum

Who is online

Users browsing this forum: Bing [Bot] and 97 guests

Powered by phpBB® Forum Software © phpBB Group
cron