Jonny Posted March 5, 2004 Share Posted March 5, 2004 I have been looking at lots of the carts here. I see that the "Categories" are text. I have a graphics backgound and like the idea of 3D, attractive buttons. Is there a way to use GIF or JPG buttons instead of the CSS text. If you can give me a URL to a site that does this that would be great Thank you :rolleyes: <_< Link to comment Share on other sites More sharing options...
icx Posted March 5, 2004 Share Posted March 5, 2004 There is a pretty simple trick that will make your life a lot easier. I have used it in the past and it works well. Doing it this way has a few advantages over traditional buttons. For one, you don't have to cut buttons, or have buttons dynamically generated. Also, since os commerce has multiple language support you won't have to worry about cutting a lot of buttons, or seeminlgy an unlimited # of buttons as you/your client add norsk or something like that. So here is what you do... create the button you like in photoshop or whatever, and cut it into three pieces - the left, the right, and a one pixel slice of the middle that can tile on the x axis. Edit the code inside the categories box in os commerce so that the left part of your button preceeds the category name, and the right part of the button suceeds the category name. Then alter the td tag (in the same place) to use the one pixel slice of the middle that you cut. What happens, is your text looks like a button! Better for search engine rank as well. Get it? Link to comment Share on other sites More sharing options...
Jonny Posted March 5, 2004 Author Share Posted March 5, 2004 That is what I call creative....good job...I like it. to make sure I understand this- the middle 1 pixel piece of the button image is the "table data background image (td background="middleimage.gif"). I may be off here as I have not actually seen the OSC template and I am also learning a lot about this very quickly. I like it so far. the other question that occurs to me is the use an image map for buttons. Not possible??? You can tell that i love graphics and a lot of folks will disagree with me but that is one of the important elements of internet pages is the use of effective, clear, attactive. and optimized images. I tend ot go over board with graphics on the sites I develop bu this is part of the big picture. thank you for all of you assistance Jonny Link to comment Share on other sites More sharing options...
icx Posted March 5, 2004 Share Posted March 5, 2004 You've got it right. Customers love graphics too. That hack was borne of a client *needing* images for buttons. It really works great for dynamic output. Glad I could help. If you want to use image maps, it will get kinda complicated with os commerce, but the choice is yours. The way I showed is the easiest way I know of to get what you want, and obviously, a button can look like anything. Link to comment Share on other sites More sharing options...
Jonny Posted March 5, 2004 Author Share Posted March 5, 2004 So if I understand this correctly- the middle- 1 pixel piece of the button image is the "table data background image (td background="middleimage.gif")???? Link to comment Share on other sites More sharing options...
icx Posted March 5, 2004 Share Posted March 5, 2004 <td background="middleimage.gif"><img src="rightimage">Category here<img src="rightimage"></td> Link to comment Share on other sites More sharing options...
Jonny Posted March 6, 2004 Author Share Posted March 6, 2004 you rock!! Link to comment Share on other sites More sharing options...
Guest Posted March 7, 2004 Share Posted March 7, 2004 Hi ya, What can you do if you need to use seperate (different) buttons for every catagory, like completley different buttons (not just ones with nice edges and text in the middle? I have a sample below. Is anyone able to give me some advice on this please?? I have attempted to get one of the 'contrubution' add ons to work (Browse by Categories v2.5) but it doesent seem to wanna work, I just get an error on the inde page where its meant to be. http://ebeshop5.valuehost.co.uk/pages/catalog/ Thanks Chris Link to comment Share on other sites More sharing options...
berkedam Posted March 7, 2004 Share Posted March 7, 2004 ....Edit the code inside the categories box in os commerce so that the left part of your button preceeds the category name, and the right part of the button suceeds the category name. Then alter the td tag (in the same place) to use the one pixel slice of the middle that you cut. ... Get it? No sorry, don't get it. In which file, and how, do you edit the code inside the categories box? Can you put some filenames here and a piece of code from the xxx.php file? "If you're working on something new, then you are necessarily an amateur." Link to comment Share on other sites More sharing options...
vcache Posted March 27, 2004 Share Posted March 27, 2004 Great Trick!! I don't think I would have ever thought of doing it this way!! One small issue, though...I've got the left and right parts showing..but I can't seem to find exactly where to do the <td background="middleimage.gif"> part.... Contribs added: AdminLogin-Catalog With Images-Credit Class/Gift Voucher-CoolMenu EasyPopulate-LoginBox-Paypal Shopping Cart IPN-PDF Catalogs Product Listing In Columns - Image Strip -- ...the young jedi said to his master "you want me to do WHAT?" Link to comment Share on other sites More sharing options...
vcache Posted March 27, 2004 Share Posted March 27, 2004 . Contribs added: AdminLogin-Catalog With Images-Credit Class/Gift Voucher-CoolMenu EasyPopulate-LoginBox-Paypal Shopping Cart IPN-PDF Catalogs Product Listing In Columns - Image Strip -- ...the young jedi said to his master "you want me to do WHAT?" Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.