Addon: Change Add to Cart Button

My first project ever on cs-cart 2.0.4 version, i can say this my first addon, but if you think it is addon please pass your comments. I don’t have knowledge on php or css coding only i am a HTML Guru.:wink:



Please note this addon will only works on Firefox, sorry there is a problem with other browser, if someone can fix i appreciated.



I am using Lingerie Skin. :cool:



This will works on Home Page Features Products, Categories and Products Page.


  1. First make the button, i have choose the button from [url]http://www.getelastic.com/add-to-cart-buttons/[/url] there is 107 shopping buttons.


  2. Upload the button on webserver - domain.com/skins/yourskin/customer/images


  3. Edit Style.css and Find this line given below:



    .button-submit-action input, .button-submit input, .button-submit-big input, .button-action a {
    background-color: #77776c;
    margin: 0px;
    height: 18px;
    line-height: 14px;
    }
    .button-submit-action input, .button-submit input, .button-submit-big input, .button-action a, x:-moz-any-link {
    padding: 1px 2px 3px;
    }




    Replace to,


.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a {
background:transparent url(images/ship.gif); ""change your button name"
height:18px;
line-height:14px;
margin:0;
}
.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a, x:-moz-any-link {
padding:7px 82px 13px; ""It depends on your button size"
}




Save it.



[SIZE=“5”]First is first always take Backup of the file.[/SIZE]



Check the attachment to find the screenshot.



Looking someone replies. :rolleyes:

button.JPG

Some more editiing have to do on script, Checkout button also changed which i don’t want to do, any help ?