I am trying to completely change the search bar on my cart, and I found one in CSS3 that I really like. I am not a CSS pro, so I'm not really sure how to set it up. Here is the link to the code: [url=“Home - Red-Team-Design”]http://www.red-team-design.com/how-to-create-a-cool-and-usable-css3-search-box[/url]
Can I just change the styles.css and leave the tpl alone? Any pointers would be great
[quote name='gatorguy' timestamp='1349378030' post='146372']
I am trying to completely change the search bar on my cart, and I found one in CSS3 that I really like. I am not a CSS pro, so I'm not really sure how to set it up. Here is the link to the code: http://www.red-team-…css3-search-box
Can I just change the styles.css and leave the tpl alone? Any pointers would be great
[/quote]
Hi there!
It is not so complicated! Only you have to modify these files a little bit:
/skins/YOURSKIN/customer/common_templates/search.tpl
/skins/YOURSKIN/customer/styles.css
The tutorial contains javascript codes, to show/hide the placeholder text. You don't have to insert these codes, because CS-Cart 3.X makes it for you.
I know that I have to change those files, but I'm not really sure how to do that, or what to change.
Problem solved