X-Cart forums

[hannahshandprints]

Originally Posted by retrtrtrytrutru

Another option you could use is to replace the graphics with the default form buttons... This way you don't have to create any new graphics and I personally feel that the default buttons are much more clear to unexperienced users.

How to do this; go to buttons\button.tpl and replace:

<table cellspacing="0" cellpadding="0" onclick="{$js_link}" class="ButtonTable"{if $title ne ''} title="{$title|escape}"{/if}>
{strip}
<tr>
    <td>
        <{$img_type} src="{$ImagesDir}/but1.gif" class="ButtonSide" alt="{$title|escape}" />
    </td>
    <td class="Button"{$reading_direction_tag}>
        <font class="Button">{$button_title}</font>
    </td>
    <td>
        <img src="{$ImagesDir}/but2.gif" class="ButtonSide" alt="{$title|escape}" />
    </td>
</tr>
{/strip}
</table>

With this:

<input type="button" onclick="{$js_link}" value="{$button_title}">

I tried this and it worked but not for the "Continue shopping" and "Checkout" buttons. Does anyone know how change those to this standard form?

[ARW VISIONS]

Are you using the fast lane checkout? If so those butons are defined by the CSS file in the fastlane checkout folder.

[hannahshandprints]

Thanks Ashley, that's exactly what I needed!

[ChristineP]

With the combined input from several experts on this thread, I have my custom add to cart button (working on other buttons). One problem that I've run into, the button is not clickable with only the products that have variants. Can someone point me to the file that I need to change for this.

Here's what I've done with my "add to cart" button:

I made a new IMG class in my skin1.css as IMG.AddtoCart to control the positioning of my button image. Uploaded the changed .css to skin1/skin1.css on my server.

I copied the button.tpl and named it as: atc_button.tpl
I commented out the following:

<!--<td>
<{$img_type} src="{$ImagesDir}/but1.gif" class="ButtonSide" alt="{$title|escape}" />
</td>
<td class="Button"{$reading_direction_tag}>
<font class="Button">{$button_title}</font>
</td>
<td>
<img src="{$ImagesDir}/but2.gif" class="ButtonSide" alt="{$title|escape}" />
</td>-->

and added this:

<td>
<{$img_type} src="{$ImagesDir}/addtocart.jpg" class="AddtoCart" alt="{$title|escape}" />
</td>
</tr>

saved the updated atc_button.tpl and uploaded it to skin1/buttons/ folder on my server.

I changed buttons/add_to_cart.tpl as:
{include file="buttons/atc_button.tpl" button_title=$lng.lbl_add_to_cart href=$href title=$title style=$style}
<!--{include file="buttons/button.tpl" button_title=$lng.lbl_add_to_cart href=$href title=$title style=$style}-->

I also changed the following in related items modules/Upselling_Products/related_products.tpl:
{include file="buttons/atc_button.tpl" style="button" button_title=$lng.lbl_add_to_cart href="javascript: self.location='cart.php?mode=add&productid=`$produ ct_links[proid].productid`&amount=1'"}
<!--{include file="buttons/button.tpl" style="button" button_title=$lng.lbl_add_to_cart href="javascript: self.location='cart.php?mode=add&productid=`$produ ct_links[proid].productid`&amount=1'"}-->


Christine

[Learner]

How can I change the Button color of Checkout button on cart?

Can anyone help me?

[bcam]

Can someone direct me to the location that I can edit the style of the buttons text? I designed a new three file button, but its height is 21px. When I upload it, the files are forced to 14px. Also, I want to increase the size of the text and change it to black from white.
Thanks for any info.

[cflsystems]

skin1.css, look for buttons styles

[bcam]

Thanks for the quick reply. I found out that mine was in skin1_c.css.

Do you know also where the location is for editing category links font color to the left?

[cflsystems]

Same css file probably. Work on the site in Firefox with Firebug addon - it will tell you exactly which class you need to modify and you can even change in place to see results before actual edit of the file