Changing the looks of the add to cart

[ben harry]

Hi, just wondering if there was a way of changing the add to cart to look like this chinavasion.com/product_info.php/pName/1din-gps-media-player-with-7-inch-touch-screen-and-dvbt/

or better still is there a mod for it, i have had a look but couldnt find anything.

Thanks

[kdays]

Do you mean the Add to Cart button itself?

If so, it's just a matter of finding a button image that you would prefer and saving or replacing the standard image in the buttons folder.

includes/templates/CUSTOM/buttons/english/button_add_to_cart.gif

If you rename your new image to button_add_to_cart.gif it will slot straight in. If your image is a different format (ie jpg or png) then you will need to change the image name in the language file.

[ben harry]

thanks for replying, id like the whole add to cart to look the same. I have already changed my button now id like to have the quantity with the price below it.

Below is the code that makes up the look of what i want, but it needs to be added into the zc code somewhere

</table>
<span class='quantity_text'>Quantity: </span><br /><br />

<img alt="" style='margin-left:15px;' src='/themes/blackcat/images/minus.png' onclick='if (document.getElementById("quant").value > 1 ){document.getElementById("quant").value--;calculate();}' />

<input type="text" onkeyup='setTimeout("calculate()",1500);' style="text-align: right;" id="quant" maxlength="4" size="8" value="1" name="cart_quantity" />

<img alt="" src='/themes/blackcat/images/plus.png' onclick='document.getElementById("quant").value++;calculate();' />

<br/><span id='no_more_quant' class='no_more_quant' ><br /></span>
<div style='margin-bottom: 10px; float:left; overflow:hidden;'>
<span id='current_price_div' >£<span id='one_piece_price'>183.28</span> </span>
<span class='operator'>x</span><span id='cart_quant'>1</span><span class='operator'> = </span>
<span id='total_price'> £<span id='current_price'>183.28</span> </span><br />
<span id='discount_price_div' style='display: none;' class='price_old'>£<span id='discount_price_price'>183.28</span> </span>
<p style='text-align:center; display:block;'>
<input type="image" id="addbutton" onclick="add_to_cart(); event.returnValue=false; return false;" src="/themes/blackcat/images/btn-cart.png" title="Click to add this item to your Shopping Cart... " />
</p>
<input type="hidden" name="products_id" value="4152"/>
<div class="shipto">Yes! We Ship To &nbsp;<img src="http://www.myssite.com/images/flag/gb.gif" alt="gb" /><img src="http://www.myssite.com/images/smile.gif" width="20px" height="20px" alt="smile" /></div>
</div>
</div>
</div>
<div style="clear: both;width:100%" ></div>
</div>

<div style="padding-bottom:50px;">






Thanks

[ben harry]

Id like it to look something like this

Quantity:

box containing quantity

£50.00 x3 = £150.00


Add to cart image

[ben harry]

Im still seeking advise on this one.