Borders around shopping cart buttons, how to remove?

General ShopSite user discussion

Borders around shopping cart buttons, how to remove?

Postby sivstorhaug » Mon Apr 27, 2009 2:36 pm

I guess I have to access my beloved and dreaded shopping cart template (CrossSell-sky-sc), but I have no idea of how to proceed. How do I remove the borders seen around the buttons (both image and text buttons) in the shopping cart? Here is an image illustrating the problem: http://wasuki.com/store/media/remove_borders_how.jpg I find the borders are making the shopping cart look ever so home made... Some HTML-help would be apreciated!
Last edited by sivstorhaug on Mon Apr 27, 2009 4:42 pm, edited 1 time in total.
sivstorhaug
 
Posts: 13
Joined: Fri Jun 01, 2007 11:44 am

Postby Jim » Mon Apr 27, 2009 2:57 pm

We'll need to see an actual page not just an image to see what the html creating the buttons looks like.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby sivstorhaug » Mon Apr 27, 2009 4:42 pm

sivstorhaug
 
Posts: 13
Joined: Fri Jun 01, 2007 11:44 am

Postby Jim » Wed Apr 29, 2009 7:34 am

The buttons all have classes assigned to them that define how they appear. Here is the code for the two image buttons
Code: Select all
<input src="http://alttilreisen.com/store/media/handle_mer.jpg" class="button6" name="Handle mer" alt="Handle mer" tabindex="5" onclick="return(CheckIt(6,0));" align="bottom" border="0" type="image">
 &nbsp;
<input src="http://alttilreisen.com/store/media/sjekk_ut.jpg" class="button8" name="Til utsjekking" alt="Til utsjekking" tabindex="6" onclick="return(CheckIt(8,0));" align="bottom" border="0" type="image">

So these two are class button8 and button6
Looking at the css at the top of the page the button classes are defined multiple times. I think the last one overrides the previous definitions. So check your template (Bruk) and make sure that the button styles are what you want them to be and that you don't have a duplicate section defining them a different way.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby sivstorhaug » Wed Apr 29, 2009 3:15 pm

Thank you Jim!

Checking the page source I can see the "button6" and so on, but I am unable to get access to/see that information in my custom template for the shopping cart. What I can see is the following HTML-code regarding the buttons:
<div class="buttons" border="0">
[-- BUTTON ContinueShopping --] &nbsp;[-- BUTTON Checkout --]
</div>

According to this, no border should be shown, so I think you are correct in assuming there is an error in the HTML-code somewhere.

Am i to understand that only ShopSite has full access to the templates?
Originally I made a copy of the ShopSite template CrossCell-sky-c, and I have not made any major changes in the custom template. I suspect the error is in the original ShopSite template.
sivstorhaug
 
Posts: 13
Joined: Fri Jun 01, 2007 11:44 am

Postby Jim » Wed Apr 29, 2009 3:31 pm

If you have a Pro or Manager level store you can access the templates under Merchandising > Custom templates. You can make a copy of the ShopSite template using the Copy ShopSite ... button and giving it a name different than the ShopSite name. Once you have a copy of the template you can make modifications to it. You can then and either make a copy of it giving it the same name as the ShopSite one or change the name of the template that you are using on the Commerce Setup > Order System > Layout info to use the one you copied.

The same goes for Include files where the Style sheets would be contained.

You could try switching back to a ShopSite provided template and see if that fixes the problem and if so then we know that it was something that was changed in your template that is causing the issue.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby sivstorhaug » Wed Apr 29, 2009 3:37 pm

Hi! That's what I did, I made a copy and renamed it, only change I did, was adding a automatic page refresher.
I use ShopSite Pro, version 10.0.

But entering the template from Merchandising - Custom Templates doesn't give me access to the full HTML-code for the shopping cart page (as far as I can see), and that's the part I do not get. Is there another way to access the template?
sivstorhaug
 
Posts: 13
Joined: Fri Jun 01, 2007 11:44 am

Postby sivstorhaug » Wed Apr 29, 2009 3:40 pm

I changed the template, issue still remains...


Here is the HTML I use and have access to (Bruk):
(Sorry it's so long...)


#CrossSell-Sky Shopping Cart template
#copyright 2006 ShopSite, inc. Design by Andy
[-- DEFINE ShoppingCart --]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>[-- STORE.SC_YourShoppingCart Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META NAME="robots" CONTENT="noindex,nofollow">

<script type="text/javascript" language="JavaScript">
<!--
[-- SC_JAVASCRIPT extras --]
// -->
</script>
[-- VAR.define "shopping_cart" --]
[-- INCLUDE sc_cart.css PROCESS --]
[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]
<style type="text/css">
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]
</style>

[-- IF STORE.Type "PROFESSIONAL" --]
[-- INCLUDE VAR.MiniCart-JS PROCESS --]
[-- END_IF --]
</head>

<body
[-- if store.sc_backgroundimage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>
<div id="masthead">


<div id="univ-header">
[-- ShoppingCartHeader --]
</div>



[-- IF MiniCart --]
<div id="miniCart">
<script type="text/javascript" language="JavaScript">
DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","ItemCount");
</script>
</div>
[-- ELSE --]
<div id="miniCart">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a class="MiniCart" href="javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');">[-- STORE.SC_YourShoppingCart --]</a>');
</script>
<noscript>
<a class="MiniCart" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
</noscript>
[-- ELSE --]
<a class="MiniCart" href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
[-- END_IF --]
</div>
[-- END_IF --]

<div id="globalNav">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- MyStoreURL --]\');">[-- STORE.Home --]</a>');
</script>
<noscript>
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
</noscript>
[-- ELSE --]
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]

[-- IF STORE.Type "PROFESSIONAL" --]
[-- IF SC_Registration --]
&nbsp;|&nbsp;&nbsp;[-- INCLUDE VAR.CR_CGI_JS PROCESS --]
[-- END_IF --]


[-- IF GiftCert --]
&nbsp;|&nbsp;&nbsp;&nbsp;[-- GiftCertLink --]
[-- END_IF --]

[-- END_IF --]

</div> <!-- end globalNav -->
</div>
<!-- end masthead -->

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

<div id="sc-form">

<div class="sc-header">
<h2>[-- STORE.SC_YourShoppingCart --]</h2>
[-- ShopSiteMessages --]
</div>

<div id="showBasket">
[-- SC_ShowBasket --]
</div><!-- end showBasket -->

[-- IF SC_Registration --]

<div id="sc-registration">
[-- SC_Registration --]
</div>
[-- END_IF --]

[-- IF SC_REWARD_PROGRAM --]
<div id="rewardProgram">
[-- SC_REWARD_PROGRAM --]
</div>
[-- END_IF --]

<div id="sc-cart">
[-- SC_Cart --]
</div><!-- end sc-cart -->

<div id="ship-tax">
<br>[-- SC_Tax_Shipping --]
[-- SC_Surcharge --]

<div id="totals">
<!-- Table for totals, etc. -->
[-- SC_Totals --]
</div><!-- end totals -->
</div><!-- end ship-tax -->

[-- IF SC_Coupon --]
<div id="sc-coupon">
<span class="coupon-caption">[-- STORE.CouponCaption --]</span>
[-- SC_Coupon --]
[-- IF SC_Coupon_Button --]
[-- BUTTON ApplyCoupon --]
[-- ELSE --]
<span class="enterCoupon">[-- STORE.EnterCoupon --]</span>
[-- END_IF --]
</div><!-- end sc-coupon -->
[-- END_IF --]

[-- IF SC_GiftCert --]
<div id="sc-giftcert">
<div id="giftCertCaption">
<h3>[-- STORE.GiftCertCaption --]</h3>
</div>
<div id="enterGiftCert">
<span class="enterGiftCert">[-- STORE.EnterGiftCert --]</span>
[-- IF SC_GiftCert_Button --]
[-- STORE.GiftCert_Redeem --]
[-- ELSE --]
<span class="giftCertRecalc">[-- STORE.GiftCert_Recalculate --]</span>
[-- END_IF --]
</div>

<div id="giftCert-apply">
[-- SC_GiftCert --]
[-- IF SC_GiftCert_Button --]
[-- BUTTON ApplyGiftCert --]
[-- END_IF --]
</div>
</div>
[-- END_IF --]

<div class="anyChanges">
[-- STORE.SC_AnyChanges --]
</div>

[-- IF Cart_Cross_Sell --]
<div class="cross_sell">
<table class="cross_sell">
<caption class="cross_sell">[-- STORE.CartCrossSellHeader --]</caption>
<tbody>
<tr>
[-- LOOP Cart_Cross_Sell --]
<td class="cross_sell">[-- Cart_CROSS_SELL --]</td>
[-- END_LOOP Cart_Cross_Sell --]
</tr>
</tbody>
</table>
</div>
[-- END_IF --]

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



[-- IF SC_OrderingInstructions --]

<div id="orderinginstructions">
[-- SC_OrderingInstructions 4 60 --]
</div>
[-- END_IF --]



<div id="paymentselection">
[-- SC_PaymentSelection --]
</div>

[-- IF Global_Cross_Sell --]
<div class="cross_sell">
<table class="cross_sell">
<caption class="cross_sell">[-- STORE.GlobalCrossSellHeader --]</caption>
<tbody>
<tr>
[-- LOOP GLOBAL_Cross_Sell --]
<td class="cross_sell">[-- GLOBAL_CROSS_SELL --]</td>
[-- END_LOOP Global_Cross_Sell --]
</tr>
</tbody>
</table>
</div>
[-- END_IF --]

<div class="buttons" border="0">
[-- BUTTON ContinueShopping --] &nbsp;[-- BUTTON Checkout --]
</div>

</div>
</form>

<div id="footer">
[-- IF ShopSiteSecurityImage --]
<div id="secure_image">
[-- ShopSiteSecurityImage --]
</div>
[-- END_IF --]
<div id="footerContents">
[-- ShoppingCartFooter --]
</div>
</div>

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


#######################
[-- DEFINE Shipping --]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
[-- VAR.define "shipping" --]

<html>
<head>

<title>[-- STORE.Ship_CheckOut Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META NAME="robots" CONTENT="noindex,nofollow">

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

[-- INCLUDE sc_shipping.css process --]

[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]

<style type="text/css">
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]
</style>

[-- IF STORE.Type "PROFESSIONAL" --]
[-- INCLUDE VAR.MiniCart-JS PROCESS --]
[-- END_IF --]
</head>

<body
[-- if store.sc_backgroundimage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

<div id="masthead">

<div id="univ-header">
[-- ShippingHeader --]
</div>



<div id="miniCart" style="float: right; margin-right: 10px;">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');">[-- STORE.SC_YourShoppingCart --]</a>');
</script>
<noscript>
<a href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
</noscript>
[-- ELSE --]
<a href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
[-- END_IF --]
</div>

<div id="globalNav">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- MyStoreURL --]\');">[-- STORE.Home --]</a>');
</script>
<noscript>
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
</noscript>
[-- ELSE --]
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]

[-- IF STORE.Type "PROFESSIONAL" --]
[-- IF SC_Registration --]
&nbsp;|&nbsp;&nbsp;[-- INCLUDE VAR.CR_CGI_JS PROCESS --]
[-- END_IF --]


[-- IF GiftCert --]
&nbsp;|&nbsp;&nbsp;&nbsp;[-- GiftCertLink --]
[-- ELSE --]
[-- END_IF --]

[-- END_IF --]

</div> <!-- end globalNav -->
</div>
<!-- end masthead -->

# Start the shipping form
[-- SC_Form --]

<div id="sc-form">

<div class="sc-header">
<h2>[-- STORE.Ship_CheckOut --]</h2>
[-- ShopSiteMessages --]
</div>


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

<tr><td align="center"><hr></td></tr>

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

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

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

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


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

<tr><td align="center"><hr></td></tr>

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



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

<tr><td align="center"><hr></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 --]

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

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

</table>
</div><!-- end sc-form -->
</form>


<div id="footer">
[-- IF ShopSiteSecurityImage --]
<div id="secure_image">
[-- ShopSiteSecurityImage --]
</div>
[-- END_IF --]
<div id="footerContents">
[-- ShippingFooter --]
</div>
</div>

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


###########################
[-- DEFINE Confirmation --]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>[-- STORE.SC_Confirm Remove_Html --]</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META NAME="robots" CONTENT="noindex,nofollow">

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

[-- INCLUDE sc_thankyou.css PROCESS --]
[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]

<style type="text/css">
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]
</style>

[-- IF STORE.Type "PROFESSIONAL" --]
[-- INCLUDE VAR.MiniCart-JS PROCESS --]
[-- END_IF --]
</head>

<body
[-- if store.sc_backgroundimage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

<div id="masthead">

<div id="univ-header">
[-- ConfirmationHeader --]
</div>



<div id="miniCart" style="float: right; margin-right: 10px;">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- SHOPPING_CART_URL --]\');">[-- STORE.SC_YourShoppingCart --]</a>');
</script>
<noscript>
<a href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
</noscript>
[-- ELSE --]
<a href="[-- SHOPPING_CART_URL --]">[-- STORE.SC_YourShoppingCart --]</a>
[-- END_IF --]
</div>

<div id="globalNav">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- MyStoreURL --]\');">[-- STORE.Home --]</a>');
</script>
<noscript>
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
</noscript>
[-- ELSE --]
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]

[-- IF STORE.Type "PROFESSIONAL" --]
[-- IF SC_Registration --]
&nbsp;|&nbsp;&nbsp;[-- INCLUDE VAR.CR_CGI_JS PROCESS --]
[-- END_IF --]

[-- IF GiftCert --]
&nbsp;|&nbsp;&nbsp;&nbsp;[-- GiftCertLink --]
[-- ELSE --]
[-- END_IF --]

[-- END_IF --]

</div> <!-- end globalNav -->
</div>
<!-- end masthead -->

# Start the confirmation form
[-- SC_Form --]

<div id="sc-form">

<div class="sc-header">
<h2>[-- STORE.SC_Confirm --]</h2>
[-- ShopSiteMessages --]
</div>

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

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

<tr><td align="center"><hr></td></tr>

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

<tr><td align="center"><hr></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></td></tr>
[-- END_IF --]

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

</table>
</div><!-- end sc-form -->
</form>

<div id="footer">
[-- IF ShopSiteSecurityImage --]
<div id="secure_image">
[-- ShopSiteSecurityImage --]
</div>
[-- END_IF --]
<div id="footerContents">
[-- ConfirmationFooter --]
</div>
</div>

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


#######################
[-- DEFINE ThankYou --]
<!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">
<META NAME="robots" CONTENT="noindex,nofollow">
<title>[-- STORE.SC_ThankYou Remove_Html --]</title>


<script type="text/javascript">
<!--
[-- SC_JAVASCRIPT extras --]
// -->
</script>

[-- INCLUDE sc_thankyou.css PROCESS --]
[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]

<style type="text/css">
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]
</style>

</head>

<body
[-- if store.sc_backgroundimage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

<div id="masthead">

<div id="univ-header">
[-- ThankYouHeader --]
</div>



<div id="globalNav">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- MyStoreURL --]\');">[-- STORE.Home --]</a>');
</script>
<noscript>
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
</noscript>
[-- ELSE --]
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]

[-- IF STORE.Type "PROFESSIONAL" --]
[-- IF SC_Registration --]
&nbsp;|&nbsp;&nbsp;[-- INCLUDE VAR.CR_CGI_JS PROCESS --]
[-- END_IF --]


[-- IF GiftCert --]
&nbsp;|&nbsp;&nbsp;&nbsp;[-- GiftCertLink --]
[-- ELSE --]
[-- END_IF --]

[-- END_IF --]

</div> <!-- end globalNav -->
</div>
<!-- end masthead -->

<div id="content2">
<div class="sc-header">
<h2 id="pageName">[-- STORE.SC_ThankYou --]</h2>
</div>

<table border="0" width="0" align="center">
<tr>
<td class="thankyoubusiness">
[-- STORE.SC_ThankYouBusiness --]<br>&nbsp;
</td>
</tr>

<tr>
<td class="thankyoureceipt">
[-- 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></td></tr>

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

<tr><td align="center"><hr></td></tr>

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

<tr><td align="center"><hr></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></td></tr>
[-- END_IF --]

</table>
<div> [-- BUTTON ReturnToStore --] </div>
</div><!-- end content2 -->

<div id="footer">
<div id="footerContents">
[-- ThankYouFooter --]
</div>
</div>

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


#############################
[-- DEFINE ThankYou_Email --]
<!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>[-- STORE.SC_ThankYou Remove_Html --]</title>


<script type="text/javascript">
<!--
[-- SC_JAVASCRIPT extras --]
// -->
</script>

[-- INCLUDE sc_thankyou.css PROCESS --]
[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]

<style type="text/css">
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]
</style>

</head>

<body
[-- if store.sc_backgroundimage --]
background="[--STORE.SC_BackgroundImage--]"
[-- END_IF --]
>

<div id="masthead">

<div id="univ-header">
[-- ThankYouHeader --]
</div>



<div id="globalNav">
[-- IF ANALYTICS_MULTI_DOMAIN --]
<script type="text/javascript" language="JavaScript">
document.write('<a href="javascript:__utmLinker(\'[-- MyStoreURL --]\');">[-- STORE.Home --]</a>');
</script>
<noscript>
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
</noscript>
[-- ELSE --]
<a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]

[-- IF STORE.Type "PROFESSIONAL" --]
[-- IF GiftCert --]
&nbsp;|&nbsp;&nbsp;&nbsp;[-- GiftCertLink --]
[-- ELSE --]
[-- END_IF --]
[-- END_IF --]

</div> <!-- end globalNav -->
</div>
<!-- end masthead -->

<div id="content2">
<div class="sc-header">
<h2 id="pageName">[-- STORE.SC_ThankYou --]</h2>
</div>

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

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

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

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

<tr><td align="center"><hr></td></tr>

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

<tr><td align="center"><hr></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></td></tr>
[-- END_IF --]

</table>
<div> [-- BUTTON ReturnToStore --] </div>
</div><!-- end content2 -->

<div id="footer">
<div id="footerContents">
[-- ThankYouFooter --]
</div>
</div>

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




#<!-- Global Cross-sell in Cart -->#
[-- DEFINE GLOBAL_CROSS_SELL --]
#<!-- HTML Snippet -->#
<table class="gcs_product_table">
<tbody>
[-- IF PRODUCT.Graphic --]
[-- IF PRODUCT.DisplayName --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="gcs_product_name"><a class="gcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
[-- ELSE --]
<td class="gcs_product_name">[-- PRODUCT.Name --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="gcs_product_image"><a class="gcs_product_graphic" href="[-- CROSS_SELL_LINK --]"><img class="gcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></a></td>
[-- ELSE --]
<td class="gcs_product_image"><img class="gcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></td>
[-- END_IF --]
</tr>
<tr>
[-- IF PRODUCT.DisplayPrice --]
[-- IF PRODUCT.SaleOn --]
<td class="gcs_product_price">[-- PRODUCT.SaleAmount --]</td>
[-- ELSE --]
<td class="gcs_product_price">[-- PRODUCT.Price --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF AddImage? --]
<td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
[-- ELSE --]
<td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
[-- END_IF --]
</tr>
[-- ELSE --]
<!-- No Product Graphic -->
[-- IF PRODUCT.DisplayName --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="gcs_product_name"><a class="gcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
[-- ELSE --]
<td class="gcs_product_name">[-- PRODUCT.Name --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
[-- IF PRODUCT.DisplayPrice --]
<tr>
[-- IF PRODUCT.SaleOn --]
<td class="gcs_product_price">[-- PRODUCT.SaleAmount --]</td>
[-- ELSE --]
<td class="gcs_product_price">[-- PRODUCT.Price --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF AddImage? --]
<td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
[-- ELSE --]
<td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
[-- END_IF --]
</tr>
[-- END_IF --]
</tbody>
</table>
[-- END_DEFINE GLOBAL_CROSS_SELL --]




#<!-- Per-Product Cross-sell in Cart -->#
[-- DEFINE CART_CROSS_SELL --]
#<!-- HTML Snippet -->#
<table class="pcs_product_table">
<tbody>
[-- IF PRODUCT.Graphic --]
[-- IF PRODUCT.DisplayName --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="pcs_product_name"><a class="pcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
[-- ELSE --]
<td class="pcs_product_name">[-- PRODUCT.Name --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="pcs_product_image"><a class="pcs_product_graphic" href="[-- CROSS_SELL_LINK --]"><img class="pcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></a></td>
[-- ELSE --]
<td class="pcs_product_image"><img class="pcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></td>
[-- END_IF --]
</tr>
[-- IF PRODUCT.DisplayPrice --]
<tr>
[-- IF PRODUCT.SaleOn --]
<td class="pcs_product_price">[-- PRODUCT.SaleAmount --]</td>
[-- ELSE --]
<td class="pcs_product_price">[-- PRODUCT.Price --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF AddImage? --]
<td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
[-- ELSE --]
<td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
[-- END_IF --]
</tr>
[-- ELSE --]
<!-- No Product Graphic -->
[-- IF PRODUCT.DisplayName --]
<tr>
[-- IF CROSS_SELL_LINK --]
<td class="pcs_product_name"><a class="pcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
[-- ELSE --]
<td class="pcs_product_name">[-- PRODUCT.Name --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
[-- IF PRODUCT.DisplayPrice --]
<tr>
[-- IF PRODUCT.SaleOn --]
<td class="pcs_product_price">[-- PRODUCT.SaleAmount --]</td>
[-- ELSE --]
<td class="pcs_product_price">[-- PRODUCT.Price --]</td>
[-- END_IF --]
</tr>
[-- END_IF --]
<tr>
[-- IF AddImage? --]
<td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
[-- ELSE --]
<td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
[-- END_IF --]
</tr>
[-- END_IF --]
</tbody>
</table>
[-- END_DEFINE CART_CROSS_SELL --]
sivstorhaug
 
Posts: 13
Joined: Fri Jun 01, 2007 11:44 am

Postby Jim » Fri May 01, 2009 11:50 am

The Cross-sell-sky template is designed to use text based buttons not actual images. The more important buttons have the border around them. Since most merchants don't want shoppers to empty their cart that button is not highlighted with a border.

To change how they borders are displayed you will need to modify the style sheet that defines the various buttons. The lines in the template that include the files containing the styles are
[-- INCLUDE sc_cart.css PROCESS --]
[-- INCLUDE CrossSell-Sky-vars.sst PROCESS --]
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]

If you view the generated source of the page you will see buttons defined as
Code: Select all
<input class="button7" name="function" value="Oppdater siden" tabindex="3" onclick="return(CheckIt(7,0));" type="submit">
&nbsp;
<input class="button9" name="function" value="Slett alt i handlekurven" tabindex="4" onclick="return(CheckIt(9,0));" type="submit">
 

each buttonX like button7 and button9 in this cases will have a style defined for it. You will need to modify the template to change the style for the particular button that you are wanting to change.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby jbayer » Fri Nov 27, 2009 1:59 pm

Can someone tell me where to find the following files:
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]

They don't seem to be in my Include File directory and I need access to modify the CSS of my Shopping Cart.

Thanks,

Jason Bayer
J MAN STUDIOS
http://www.jmanstudios.com
http://twitter.com/jmanstudios
jbayer
 
Posts: 5
Joined: Sat Jul 25, 2009 5:27 pm
Location: Cincinnati, OH

Postby robm » Fri Nov 27, 2009 2:19 pm

jbayer wrote:Can someone tell me where to find the following files:
[-- INCLUDE VAR.ThemeCSS PROCESS --]
[-- INCLUDE VAR.SC-CSS PROCESS --]


VAR.ThemeCSS is the include: CrossSell-Sky.css
VAR.SC-CSS is the include: CrossSell-Sky-sc.css

You can copy these ShopSite includes to custom named ones in the backoffice.
robm
 
Posts: 463
Joined: Fri Aug 04, 2006 5:46 pm
Location: Connecticut


Return to User Forum

Who is online

Users browsing this forum: No registered users and 121 guests