DPD buttons are plain HTML for maximum compatibility with every web page.
***This tutorial only works with the Classic Button options
DPD buttons are comprised of the following parts:
All buttons contain the link to the DPD action, which is the <a> tag
All buttons contain the image tag which loads the button images, which is the <img> tag
View Cart / Checkout buttons also contain a javascript reference that makes the lightbox cart work on your site
An example of a DPD add to cart button:
<a href="http://getdpd.com/cart/add/1/3062?remote=1" class="dpdcart iframe"><img alt="Add to Cart" src="https://getdpd.com/images/buy_buttons/atc/dpd_addtocart_3.png" border="0"></a>
to change the image used in a button, you simply need to change the <img> tag's src value to your own button graphic's location on your own website.
For example, if my button is located at "http://wwww.mysite.com/button.jpg" the same button code above would look like:
<a href="http://getdpd.com/cart/add/1/3062?remote=1" class="dpdcart iframe"><img alt="Add to Cart" src="http://wwww.mysite.com/button.jpg" border="0"></a>
That's all there is to it!
It is important that you never change the contents of the <a> tag (the link) or change the javascript reference included after view cart / checkout buttons- these are the required part of the button that makes DPD work!