HTML for Add to cart button

[Horrific_ending]

Bascially i use firebug to design and make changes in the browser for all my CSS before i actually go forth and do it. Now today i went through and decided thru and added a new add to cart button. So i fired up the browser i turned on firebug to check to see what div its in and the styling of hat element.

Here is my problem: I cant find where this piece of code is located:

<div id="cartAdd">
Add to Cart:
<input type="text" size="4" maxlength="6" value="1" name="cart_quantity">
<br>
<br>
<input type="hidden" value="139" name="products_id">
<input type="image" title=" Add to Cart " alt="Add to Cart" src="includes/templates/template_default/buttons/english/button_in_cart.gif">
</div>

This is located in HTML and not the PHP files it seems. But i cant find where the actually HTML is stored. Reasoning behind this is i want to take out the two breaks and i want to change the location of the button as the button i have is not a gif.

Please help its driving me nuts. Ive searched her on the forum and even gone as far as using the developer tools built into the car and haven't found them.

[skylab001]

the HTML for button creation is located in the html_output.php file in the includes/functions/ folder. It pulls some info from the tpl_product_display.php template page and together with the function creates the button. If you simply need to change the button image from .gif to say .png or .jpg that can be done easily in the includes/languages/english/button_names.php file where you find your DEFINES. You just change the button name from 'button_add_to_cart.gif' to 'button_add_to_cart.png'. That might be what your looking for.

[gjh42]

The add to cart is built from lots of pieces, some of which may not be present in any particular product (like quantity limits). But the code inserts the <br /> for each of these pieces regardless of whether it is needed, so you can end up with excess spaces.

You can go through the button-building code in product_listing.php or tpl_product_info_display.php and eliminate the <br />, but the simpler way would be with CSS, like this:

#cartAdd input+br, #cartAdd input+br+br {display: none;}

Other variations on this can be used where needed.

[Horrific_ending]

Awesome thank you both, helped me out very much with both responses.