Guest oldboy Posted April 16, 2007 Share Posted April 16, 2007 Im surprised that one one have asked this before. At least i cant find any info via search on how to replace the "Add to Basket" and "Buy" buttons to gif images. Quote Link to comment Share on other sites More sharing options...
Guest oldboy Posted April 22, 2007 Share Posted April 22, 2007 even more surprised that no one have the answer.. Quote Link to comment Share on other sites More sharing options...
markscarts Posted April 22, 2007 Share Posted April 22, 2007 Well this is not difficult, just no time to answer in detail. In general, there are two ways to go about this. One is to use a background image for the button in css stylesheet, see the "go" button for search field at this site: http://www.powerkeyspub.com/ That image is a background image for submit button. Another way is to use an image with link anchor tag <a href=""> in the template where button is produced, example in viewProd.tpl for the add to basket button. See the add to basket buttons on homepage on this site (this site is under development and unfinished): http://justwhat-iwant.co.uk/ Those buttons are coded as direct image into the template with links <a href=""> All this is simple css and html, for more information on coding with html and css I suggest the Visual Quickstart Guides by Peachtree Press, there is an html/css book by Elizabeth Castro in the series. Also, check out the css tutorials at w3cschools.org Quote Link to comment Share on other sites More sharing options...
Guest lordbarron Posted May 7, 2007 Share Posted May 7, 2007 hey mark, i've coded mine straight into my .tpl im trying to use a roll over image coded in dreamweaver it looks like this: <a href="java script:submitDoc('prod{PRODUCT_ID}');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('/store/skins/default_2/styleImages/buttons/add_down.jpg',1)"><img src="/store/skins/default_2/styleImages/buttons/add_up.jpg" alt="add to basket" name="add" border="0" id="add" /></a> damn thing won't roll over.. any ideas on that one? your priceless help as ever is truely appreciated. Quote Link to comment Share on other sites More sharing options...
Guest rickyrauch Posted April 23, 2008 Share Posted April 23, 2008 hey mark, i've coded mine straight into my .tpl im trying to use a roll over image coded in dreamweaver it looks like this: <form action="index.php" method="post" name="prod{VAL_PRODUCT_ID}" id="buttoms_3"> <input type="hidden" name="add" value="{VAL_PRODUCT_ID}" /> <input type="hidden" name="quan" value="1" /><a href="index.php?act=viewProd&productId={VAL_PRODUCT_ID}" target="_self" id="more_buttom">More</a> <a href="java script:submitDoc('prod{VAL_PRODUCT_ID}');" target="_self" id="buy_buttom">Buy</a> </form> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.