X-Cart forums

[cwill2200]

where in the world can this alternating color of gray be changed. I would think in one of the skin file but i cannot seem to find it ANYWHERE!

Please help!

Example:

Checkout: Step 2 of 2-Chart

Product Tax Price Quantity Subtotal

WSS Trial. FREE Trial Offer State of Texas Sales Tax 8%
$0.54 $0.54

WSS8. 8 Week Subscription State of Texas Sales Tax 8%
$9.18 1 $9.18

WSS4. 4 Week Subscription State of Texas Sales Tax 8%
$9.82 1 $9.82

Summary: *$19.54 **$19.54

[balinor]

Screenshot would be helpful...but you are probably talking about customer/main/cart_contents.tpl.

[carpeperdiem]

Originally Posted by cwill2200

where in the world can this alternating color of gray be changed. I would think in one of the skin file

Have you changed the

.ProductPrice
.ProductPriceSmall

in skin1.css?

Pardon me if you already know this, but here's a trick to find the class to edit in the CSS files...

1. use webmaster mode
2. find the template that is displaying the elements you are focusing on
3. in the template, find the element -- what class has been assigned to the element?
4. change the CSS (but be warned -- this will change ALL the references to that class -- so if .ProductPriceSmall is used in many places, this will be your color...

SO -- if you only want a new color on that page only, then simply make a new class, change the class in the template, and there you are.

Here is a great site with CSS tips:

http://www.w3schools.com/css/default.asp

[cwill2200]

WOW! Thank you SO much! That will really help with a ton of stuff!

[cwill2200]

Here is a screen shot of that checkout form I was wanting to change. Any ideas where to change gray color?

http://www.iwantfreegroceries.com/Checkout.htm

[carpeperdiem]

let's teach you how to fish...

1. admin section
2. webmaster mode (ignore the pop-up window/debugging console for now)
3. open customer area in new window (click on link - ignore any pop-up windows)
4.place two items in a cart
5. checkout
6. log in (or enter customer info)

OK, now you are on the page in question, right?

Now go to that pop-up "debugging" window.

Hover over the various pages -- find the template that you need to edit -- it will "outline" when you hover over it. Careful - some templates are nested...

In your case, the template that you want to edit it:

/customer/main/cart_contents.tpl

Click on the template name in the debugging window and an editing page opens up. I'm on a mac, so unless the edit is obvious, I usually copy the code, make a new document in dreamweaver (code) - then view as design/code -- in this case, you cn clearly see the class="TableHead" for the head, and class='TableSubHead' for the products...

(you edit these values in your css file)

While you're here... you might want to comment out these sections of code:

{if $cart.display_cart_products_tax_rates eq "Y"}
<TD align="center"><h6>{if $cart.product_tax_name ne ""}{$cart.product_tax_name}{else}{$lng.lbl_tax}{/if}</h6></TD>
{/if}

and

{if $cart.display_cart_products_tax_rates eq "Y"}
<TD align="center">
  <h6>{foreach from=$products[prod_num].taxes key=tax_name item=tax}
  {if $cart.product_tax_name eq ""}<NOBR>{$tax.tax_display_name}:</NOBR>{/if}
  {if $tax.rate_type eq "%"}{$tax.rate_value}%{else}{include file="currency.tpl" value=$tax.rate_value}{/if}

  {/foreach}
  </h6></TD>
{/if}

because - you do not need the tax rate for each item in the list (typically) -- most US based retailers have the same sales tax rate on all taxable items (unless you don't).

Change your colors in the CSS file.
learn which class is involved from the code... use a tool like dreamweaver to make it easier.

I hope this is not too basic... I'm by no means an expert, but I have learned some basic skills.

if you are going to build an xcart store that is not stock, you need to be able to edit these templates...

keep reading!

good luck.

[cwill2200]

No this is not too basic, actually I did not understand how the debugging cosole worked so now I do. That will elliminate a TON of my questions so thanks for taking the time to explain.

I also removed the code you suggested but I don't see a difference, what should it have done?

Thanks,
Christy

[cwill2200]

By the way X-cart is not open on the site yet so I just realized it posted my site, I'm an idiot and didn't realize. Sorry! So don't look yet, x-cart helped A TON!

It's funny, I remember when I could not figure out how sites had these great looking standardized forms, checkout process, etc. That's when I found out you can purchase a store (x-cart), DUGH! I just can't believe our web developer (india) never suggested it before! Ugggghhhhh! She was trying to do everything HOMEMADE, yuck! It's SUPER UGLY RIGHT NOW!

[carpeperdiem]

Originally Posted by cwill2200

I also removed the code you suggested but I don't see a difference, what should it have done?

It should have removed the "texas sales tax" column...

you understand how to "comment out" a section, yes?

{* the text you want xcart to ignore *}

notice the space after {*
and the space before *}

[cwill2200]

ohhhh, okay, I just removed the code. But I will try this. It did not remove the tx sales tax column. Here is the code I am left with.

{* $Id: cart_contents.tpl,v 1.22 2004/07/07 08:25:41 svowl Exp $ *}
<TABLE border="0" cellpadding="5" cellspacing="1" width="100%">

<TR class="TableHead">
<TD>{$lng.lbl_qty}</TD>
<TD>{$lng.lbl_sku}</TD>
<TD>{$lng.lbl_product}</TD>

<TD align="right">{$lng.lbl_price}</TD>
<TD align="right">{$lng.lbl_total}</TD>
</TR>

{section name=prod_num loop=$products}
<TR{cycle values=", class='TableSubHead'"}>
<TD class="ProductPriceSmall">{if $config.Appearance.allow_update_quantity_in_cart eq "N" or ($active_modules.Egoods and $products[prod_num].distribution) or ($active_modules.Subscriptions and $products[prod_num].sub_plan)}{$products[prod_num].amount}{else}<INPUT type="text" size="3" name="productindexes[{$products[prod_num].cartid}]" value="{$products[prod_num].amount}">{/if}</TD>
<TD>{$products[prod_num].productcode}</TD>
<TD>{$products[prod_num].product|truncate:30:"...":true}</TD>

<TD class="ProductPriceSmall" align="right">{include file="currency.tpl" value=$products[prod_num].display_price}</TD>
{math equation="x*y" x=$products[prod_num].display_price y=$products[prod_num].amount assign="total"}
<TD class="ProductPriceSmall" align="right">{include file="currency.tpl" value=$total}</TD>
</TR>
{/section}

{if $active_modules.Gift_Certificates ne ""}
{include file="modules/Gift_Certificates/gc_checkout.tpl"}
{/if}

</TABLE>