oh wow. I amaze myself. So just then look at the tpl pages related to the button I'm making and find the appropriate link..

Exactly. That is one way of doing it. The other way is to edit the button templates themselves.

Hi All

You can also modify the button GIF's in the images directory.

Just remember to make backups of both the original and your files to restore when things go wrong or you upgrade and they get replaced with the original versions.

Regards
Ing. Stephen Hatton
:idea:

Ok so I changed the add_to_cart.tpl file just as described above and when I uploaded it, nothing happend. Am I missing a step?

Daniel

Nevermind. I keep looking at the HTML catalog version that does not reflect the changes. <sigh>

does this help ?
 

hi - this is what i did to change the buy now button

in the skin/images directory you will find the 3 images that make up the buy now button - but1.gif + butbg.gif + but2.gif.

you have to split your new button design into 3 sections, effectively a left portion, middle and right portion. My button was made 30 px high by 500 wide. My two ends were cut off 10 px each leaving 480 px for the middle.

Then i uploaded the 3 gifs to the skin/images directory and replaced those existing - (name your new gifs the same name as originals).

Then i went to directory /buttons/button.tpl and looked for the scripts that dealt with the 3 gifs that made up the buy now button.

<TABLE border="0" cellspacing="0" cellpadding="0" onclick="{$js_link}" style="cursor: pointer;" valign="middle"{if $title ne ''} title="{$title}"{/if}>
<TR><TD><{$img_type} src="{$ImagesDir}/but1.gif" width="42" height="20" border="0"{if $title ne ''} title="{$title}"{/if}></TD>
<TD class="Button" valign="middle" nowrap><FONT class="Button">{$button_title}</FONT></TD>
<TD>[img]{$ImagesDir}/but2.gif[/img]</TD></TR>
</TABLE>

adjust the hight and width values to match your new gif sizes (but1 & but2) - butbg gif is auto sizing so you don't need to worry about that.

the url for the button is already written in the scripts so you don't need to change that. all you should have is a new button.

now changing your other buttons should now be the same principle as above.

hope i have helped cos it worked for me and i just hope i have managed to explain it properly.

good luck
:)

I've actully done it that way already. What I'm trying to do is replace those 3 file buttons with custom buttons.

Thanks!

ok
 

then surely all you have to do is make up a button and then split it into 3 by way of described above, name them the same as the existing buttons in the images folder and upload / replace them in /skin/images folder.

:?

Like I said. I've already done it that way and I don't like the results of the way it looks. Too bad I did it before your post. That would have helped alot!

I saw some other x-carts where they put in different buttons.

I'm trying to achieve a specific look and splitting it three ways won't achieve it.

I finally got the "add to cart" button up, now for the others...

Re: button graphics
 

Guys/Gals

Is there an easy way to convert all the 'Go' buttons to the standard button template? (button.tpl)
Or does this have to be done individually?

Thanks,
R