button graphics
 

it's me again :roll: - in the default shop template it has many buttons that are .tpl files.
how can i replace these graphics and any others for that matter with buttons that i have created myself using independant button making software.

Also - when i try to use the template editing feature - i cannot seem to get the debugging console to show to even find out what it actually will do for me.

i like the look of the standard shop template but would still like to be able to tweek it's layout and final look to my own tastes - can you please help me?

thanks and keep up the good work as newbies like me need you experienced people out there. :)

Ah, you have discovered one of the most annoying things about X-Cart....the buttons! Basically if you want to use your own buttons, there are a few ways of doing it.

1. You can edit the buttons/button.tpl, as this is the default template called by all of the buttons. It consists of a three cell table, with the rounded corners on either side, and the 'content' in the middle. The advantage of this is it will auto-stretch to whatever text you have in the button. You could replace the three cell layout with your single graphic, just be careful that all the text fits properly.

2. You could also just replace the whole line of code for each button in the templates with a simple html call to your button graphic. Something like:


You would, of course, replace the link with whatever the real link is, and you would have to upload the button graphic to skin1/images.

Hope this sheds some light on the subject!

It is a popup window. Make sure you don't have yahoo's popup blocker or Windows XP's popup blocker turned on.

thankyou
 

thankyou - i will now go away and have a play - does that mean that i have to turn my button into 3 cells to keep the auto sizing facility ?
i first tried with a button and it didn't autosize before.

thanks again - i really appreciate the help.

Yes, cut off the ends of your button and add them to the first and last cell and it will auto-resize.

buttons
 

thanks very very much

really appreciated :D

This may sound dumb but how do you figure out what the real link is?

For example I want to replace the "Add to Cart Button"

I open the add_to_cart.tpl" file.

I replace:

With:

Where do I find the link for add to cart?

In the other button post somebody mentioned, "passed variables" What is that?

Thanks,

Daniel

Take a look at customer/main/product.tpl and see how the add to cart button is handled. Notice all of the 'hidden' variables that are called when the add to cart button is clicked.

So would it be:


?

I'm not really a programmer so I'm not sure how to do this then. I may just use the buttons I already have then...

There you go :)