I'll buy a pizza for help on this template :)

Questions and answers about ShopSite Custom Templates

I'll buy a pizza for help on this template :)

Postby shopsite_music » Tue Nov 23, 2010 1:09 pm

Hi all - I upgraded my store to SS v 10 and decided to wrap the cart in custom html to match the look/feel of my store. Sales died.

Can anyone give me pointers on what to fix? I'm into hiring for the help - pizza, cash, whatever.

Specific problems I found - many times, after the customer chose a "Payment Option" and then went to the Billing/Shipping Page, an alert came up saying "Choose a payment option"...???

Thanks - David Sprunger

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

[-- DEFINE ShoppingCart --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>[-- STORE.SC_YourShoppingCart Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META http-equiv="EXPIRES" CONTENT="TUES, 31 DEC 1996 12:00:00 GMT">
<script type="text/javascript" language="JavaScript">

<!--
[-- SC_JAVASCRIPT extras --]
// -->
</script>

[-- INCLUDE sc_cart.css PROCESS --]



<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-image: url(https://store.playpianotoday.com/store/media/body_1.2.2.1.jpg);
background-repeat: repeat;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 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;
}
.oneColFixCt #header {
background-image: url(https://store.playpianotoday.com/store/media/piano-lessons-background-top11.jpg);
height: 410px;

background-color: #FFFFFF;
background-repeat: no-repeat;
}
.oneColFixCt #shippingOptions {
width:500;
height: 80px;
z-index:6;
padding-left: 30px;
top: 235px;
position: absolute;
}



.oneColFixCt #storeInfo {
height: 40px;
z-index:4;
padding-left: 50px;
top: 14px;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-size:11px;
}
.oneColFixCt #pmtSelection {

height: 80px;
z-index:4;
padding-left: 30px;
top: 215px;
position: absolute;
}
.oneColFixCt #orderTotals {

height: 80px;
padding-left: 750px;
top: 320px;
position: absolute;
}
.oneColFixCt #checkButtonContainer {

width:50;
z-index:1;
padding-left: 220px;
top: 300px;
position: absolute;
}
.oneColFixC #checkButton {

width:50;
z-index:1;
padding-left: 0px;
top: 20px;
position: absolute;
}

.oneColFixCt #container {
width: 972px; background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */

}
.oneColFixCt #mainContent {
height:auto;
}
-->
</style>


</head>

<body class="oneColFixCt">
<div id="container" class="oneColFixCt">

<div id="storeInfo" class="oneColFixCt">
<!--Music Unlimited Inc.<br>
PO Box 1200, Jacksonville, OR 97530 (USA)-->
[-- ShopSiteMessages --]
</div>


# Start the shopping cart form
[-- SC_Form --]

<div id="checkButtonContainer"><div id="checkButton" class="oneColFixC">

<table width="460px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="320"><div align="left"></div></td>
<td>[-- BUTTON Checkout --]</td>
</tr>
</table>

</div></div>



<div id="header" class="oneColFixCt">

</div>

<div id="pmtSelection" class="oneColFixCt">
[-- SC_PaymentSelection --]
</div>

<div id="shippingOptions" class="oneColFixCt">




<font face="Arial">[-- SC_Tax_Shipping --]
[-- SC_Surcharge --]
<br>
#######################Coupon_Code Input
[-- IF SC_Coupon --]
<div align="left">

[-- SC_Coupon --]
[-- IF SC_Coupon_Button --]
[-- BUTTON ApplyCoupon --]
[-- ELSE --]
[-- STORE.EnterCoupon --]
</div>
[-- END_IF --]
[-- END_IF --]
########################
<p>
<font size="2"><em><strong>If any changes are made to Coupon or Shipping Options, press 'Recalculate'.</strong>
<br>[-- BUTTON Recalculate--]



</div>

<div id="orderTotals" class="oneColFixCt">

<table border="2" cellspacing="2" cellpadding="12" bgcolor="#fdf9d7" border="1" height="86"><tbody>
<tr valign="top">
<td>[-- SC_Totals --]
</tr>
</table>
<div align="center">[-- BUTTON EmptyCart --]</div>
</div>




<div id="mainContent" class="oneColFixCt">
<div align="center">
<table width="98%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>



######SHOW PRODUCTS, PRICES AND QUANTITIES
<div align="center">
<table width="98%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
<p align="left">

<table width="690" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><hr>
<strong><font size="3"><font face="Arial"><em>(If you are ordering lessons on DVD, Audio CD, etc., you will also see downloads below. These are simply for your convenience so that you can get started while your package is being shipped!)<strong>
</strong></em></td>
</tr>
</table>



[-- SC_ShowBasket --]
<br>
[-- SC_Cart --]



<font size="4"><strong><font face="Arial" color="#000000" size="2">
<div>
<table height="40" cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">

<tr valign="top">
<td></font></strong></td>
<td></font></td></tr></table></div></font></strong>


[-- ShoppingCartFooter --]</font></font></td>



<table border="0" width="0" align="center">
[-- IF SC_Registration --]
<tr>
<td align="center">
[-- SC_Registration --]

</td>
</tr>
[-- END_IF --]








[-- 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 --]




</td>
</tr>
</table>



<!-- end #mainContent --></div>

<!-- end #container --></div>




</body>
</html>



[-- END_DEFINE ShoppingCart --]


#######################
[-- DEFINE Shipping --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
### ShopSite "Classic" Custom Shipping Template ###



<html>
<head>

<title>[-- STORE.Ship_CheckOut Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" language="JavaScript">
<!--
[-- SC_JavaScript extras --]
// -->
</script>

[-- INCLUDE sc_shipping.css process --]


<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-image: url(https://store.playpianotoday.com/store/media/body_1.2.2.1.jpg);
background-repeat: repeat;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 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;
}
.oneColFixCt #header {
background-image: url(https://store.playpianotoday.com/store/media/piano-lessons-background-top11.jpg);
height: 280px;
background-color: #FFFFFF;
background-repeat: no-repeat;
}
.oneColFixCt #2ndHeader {

height: 100px;
z-index:4;
padding-left: 30px;
top: 220px;

}



.oneColFixCt #storeInfo {
height: 40px;
z-index:4;
padding-left: 30px;
top: 14px;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-size:11px;
}


.oneColFixCt #orderTotals {

height: 80px;
padding-left: 750px;
top: 270px;
position: absolute;
}



.oneColFixCt #container {
width: 972px; background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */

}
.oneColFixCt #mainContent {
height:auto;

}
-->
</style>


</head>

<body class="oneColFixCt">

</head>

<body class="oneColFixCt">
<div id="container">

<div id="header">
</div>
<div id="mainContent">
<div align="center">
<table width="98%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>



[-- ShopSiteMessages --]




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

<div id="2ndHeader" class="oneColFixCt">

<table width="98%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td colspan="2"><div align="left"><font size="+1"><strong>Billing & Shipping Information</strong></font><br />
<em> (Scroll down to enter your information)</font></em></div></td>
</tr>
<tr>
<td width="20%"><div align="right"></div></td>
<td width="40%"><div align="center"><font size="1">
</td>
</tr>
</table>
<hr>
</div>


<div id="storeInfo" class="oneColFixCt">
<!--Music Unlimited Inc.<br>
PO Box 1200, Jacksonville, OR 97530 (USA)--></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="left">



<div align="left"><strong>Your order contains:</strong><br></div>
<p>
[-- 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></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>

</body>
</html>
[-- END_DEFINE Shipping --]


###########################

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

<html>
<head>

<title>[-- STORE.SC_Confirm REMOVE_HTML --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" language="JavaScript">
<!--
# Tag for ShopSite's required Java Script code
[-- SC_JAVASCRIPT extras --]
// -->
</script>

[-- INCLUDE sc_thankyou.css PROCESS --]

</head>

<body
[-- IF STORE.SC_BackgroundImage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

[-- 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>

</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>

<title>[-- STORE.SC_ThankYou Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" language="JavaScript">

<!--
[-- SC_JAVASCRIPT extras --]
// -->
</script>

[-- INCLUDE sc_thankyou.css PROCESS --]



<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-image: url(https://store.playpianotoday.com/store/media/body_1.2.2.1.jpg);
background-repeat: repeat;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 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;
}
.oneColFixCt #thankyouHeader {
background-image: url(https://store.playpianotoday.com/store/media/piano-lessons-background-top11.jpg);
height: 520px;

background-color: #FFFFFF;
background-repeat: no-repeat;
}

.oneColFixCt #storeInfo {
height: 40px;
z-index:4;
padding-left: 30px;
top: 21px;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-size:11px;
left: 473px;
}

.oneColFixCt #container {
width: 972px; background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */

}
.oneColFixCt #mainContent {
top: 280px;
width: 970px; background: #FFFFFF;
position: absolute;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding-left: 30px;

}
.style1 {
font-size: 12px
}
-->
</style>


</head>

<body class="oneColFixCt">

<div id="container" class="oneColFixCt">

<div id="thankyouHeader" class="oneColFixCt">

<div id="storeInfo" class="oneColFixCt">
Music Unlimited Inc.<br>
PO Box 1200, Jacksonville, OR 97530 (USA)
</div>

<div id="mainContent" class="oneColFixCt">
<a href="http://www.playpianotoday.com" class="style1">Piano Lessons Homepage</a><br>



[-- IF STORE.SC_BackgroundImage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]


<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>



</div>
</div>

</div>
</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>

<title>[-- STORE.SC_ThankYou Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

[-- INCLUDE sc_thankyouemail.css PROCESS --]

</head>

<body
bgcolor="#[--STORE.SC_BackgroundColor--]"
[-- IF STORE.SC_BackgroundImage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

<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>

</body>
</html>






[-- END_DEFINE ThankYou_Email --]
shopsite_music
 
Posts: 21
Joined: Mon Feb 12, 2007 6:49 pm

Re: I'll buy a pizza for help on this template :)

Postby BFChris » Wed Nov 24, 2010 7:59 pm

Unless I missed something, I don't see a closing form tag </form> at the bottom of your [--Define Shopping Cart --] page.

Not closing the form tag (which is opened with the [-- SC_Form --] tag) could cause form values to not be recorded properly.
~~Barefoot Chris
--------------------------------
Barefoot Chris Web Design
www.barefootchris.net
--------------------------------
BFChris
 
Posts: 322
Joined: Mon Oct 09, 2006 3:28 pm
Location: PA

Re: I'll buy a pizza for help on this template :)

Postby shopsite_music » Wed Nov 24, 2010 10:39 pm

Alright Chris - that is huge. Thanks for the sharp eye. I think I banged my head for 2 days on that. How do I get a pizza to you? Msg me the # of your local pizza joint and I'll call it in...
shopsite_music
 
Posts: 21
Joined: Mon Feb 12, 2007 6:49 pm

Re: I'll buy a pizza for help on this template :)

Postby BFChris » Fri Nov 26, 2010 8:06 am

So, I guess that resolved the issue for you? Great.

Message me privately and we'll work it out. (I saw your other reply as well.)
~~Barefoot Chris
--------------------------------
Barefoot Chris Web Design
www.barefootchris.net
--------------------------------
BFChris
 
Posts: 322
Joined: Mon Oct 09, 2006 3:28 pm
Location: PA


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 27 guests