nsForum logo

Welcome Guest ( Log In )

 
 Reply to this topicStart new topic
> Nscript Coding Question, how to modify <cart.total> and <cart.items>
SeasideSurfCo
post Aug 22 2009, 01:59 PM
Post #1





Group: Verified NS Member
Posts: 7
Joined: 20-August 09
Member No.: 5,033
I cannot seem to find out how i can change the following:

Generally you see something like this:

Cart Total: $238.95 Items: 4

I would like to see it like this:

Cart Total: $238.95 Items: 4

I want the numerical parts to appear in red so they stick out from the rest of the text. I cant seem to find the part that controls the colors for this particular. Support request said something about putting it in a tag or something but i havent a clue what that means, i use dreamweaver cs3 and i know how to use it i just dont speak the language.
Go to the top of the page
 
+Quote Post
martiniguy
post Aug 22 2009, 02:10 PM
Post #2





Group: Verified NS Member
Posts: 774
Joined: 10-March 08
From: South Eastern Martini-land
Member No.: 775
QUOTE (SeasideSurfCo @ Aug 22 2009, 01:07 PM) *
I cannot seem to find out how i can change the following:

Generally you see something like this:

Cart Total: $238.95 Items: 4

I would like to see it like this:

Cart Total: $238.95 Items: 4

I want the numerical parts to appear in red so they stick out from the rest of the text. I cant seem to find the part that controls the colors for this particular. Support request said something about putting it in a tag or something but i havent a clue what that means, i use dreamweaver cs3 and i know how to use it i just dont speak the language.

I believe that you are going to have to make some adjustments to your css declarations in your default css file...the location of the file can vary based upon your setup. You simply download it, adjust it and then upload it to overwrite the older version.
***Always keep a backup of the original in case things go bad!!!

Here is a snippet of the code (from my css file) that I believe you are looking for.
CODE
table.cart { width:100%; border:0;}
  td.cart-header-img { text-align:right; vertical-align:middle; }
  tr.cart-header th { font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; }
  tr.cart-item td { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; vertical-align:top; }
    div.cart-prod-name { margin: 0 0 10px; }  
    span.cart-part-number { font-weight: bold; color: #666633; }  
      td.cart-item-image { width:10px }
    td.cart-item-price, td.cart-item-total { width:10px; white-space: nowrap; text-align:right; padding-right: 10px }
    td.cart-item-options, td.cart-item-quantity { width:60px }
    div.cart-item-name { margin: 0 0 10px; }
  tr.cart-footer td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
    td.cart-subtotal-label, td.cart-discounts-label, td.cart-shipping-label, td.cart-total-label { font-weight: bold; text-align:right; padding-right: 3px; }
    td.cart-subtotal, td.cart-discounts, td.cart-shipping, td.cart-total { font-weight: bold; text-align:right }


I am going to poke around and see if I can give you more detailed instructions...

PS Can you specify where you want the red text to be...? Is it in the pre-checkout cart - or during checkout? Posting your domain name might help answer this question.
Go to the top of the page
 
+Quote Post
SeasideSurfCo
post Aug 23 2009, 06:37 PM
Post #3





Group: Verified NS Member
Posts: 7
Joined: 20-August 09
Member No.: 5,033
well its goin live on wednesday -i would turn it on but i just dont want it live till it goes live.

but i can give you a code snippet of where it is. Theres more code to it but this is just the first table on my header. The code itself is what i put in my header and it starts with a BR - unfortunately when i remove that it removes my style sheet and javascript call lines- support is supposedly looking into this, it just makes a white gap on top of my page - not the best look to go live but it works and its only cosmetic-but thats another issue altogther. I will expeirment with the css style sheet, or rather look it over and see if i have the guts to ruin a perfectly good css file.


CODE
<br />

<link rel="stylesheet" type="text/css" href="frontpage/SSS_2009/menucss/quickmenu_styles.css" />

<script type="text/javascript" src="frontpage/SSS_2009/menucss/sssmenu.js">
//<![CDATA[

//]]>
</script>

<table border="0" cellspacing="0" cellpadding="0" width="800">
  
<tbody>
    
<tr>
      
<td>
        <img border="0" hspace="0" src="frontpage/SSS_2009/headergraphics/seasidesurf_tlb.jpg" width="545" height="24" />
      </td>
      
<td><a href="cart.aspx" target="_self">
          <img border="0" hspace="0" src="frontpage/SSS_2009/cart/addtocart_mb.jpg" width="37" height="24" /></a>
      </td>
      
<td bgcolor="#ffffff" valign="bottom"><span style="FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt"><b>&nbsp;<span class="style3">Cart Total:</span></b></span><span class="style1">
          <%
          Cart.Total
          %>
          <span style="FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt" class="style2"><strong>Total Items:</strong></span></span><span class="style1">
          <%
          Cart.Count
          %>
          </span>
      </td>
    </tr>
    
<tr>
      
<td colspan="2"><a href="index.asp">
          <img border="0" hspace="0" src="frontpage/SSS_2009/headergraphics/seasidesurf_llb.jpg" /></a>
      </td>
      
<td><a href="shipping-policy.aspx" target="_self">
          <img border="0" hspace="0" src="frontpage/SSS_2009/headergraphics/seasidesurf_lrb.jpg" height="100" /></a>
      </td>
    </tr>
  </tbody>
</table>
Go to the top of the page
 
+Quote Post
AndyT - MC
post Aug 24 2009, 08:02 AM
Post #4





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170
Change:
<span class="style1">

To:
<span class="style1" style="color:red">
Go to the top of the page
 
+Quote Post
 

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 20th March 2010 - 09:32 AM
Powered By IP.Board © 2010  IPS, Inc.
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates