[HOW TO] On Screen/Virtual Keyboard
Posted: Sun Aug 01, 2010 12:02 am
I'm thinking about on screen keyboard feature and search it in forum but can't find one so I search for free on screen keyboard on the internet and apply it to opencart.
For all of you who want to know here's the steps:
1. Download keyboard.js, keyboard.css, and keyboard.png from here (of course you can use your own picture)
2. upload keyboard.js to catalog/view/javascript
3. upload keyboard.css to catalog/view/theme/default/stylesheet
4. upload keyboard.png to catalog/view/theme/default/image
5. edit file login.tpl in catalog/view/theme/default/template/account
find this code
and change it into this
add this code before echo footer code
and here's the screenshot
Maybe it can help someone who buy from our store but using public computer
You can see it in action here
For all of you who want to know here's the steps:
1. Download keyboard.js, keyboard.css, and keyboard.png from here (of course you can use your own picture)
2. upload keyboard.js to catalog/view/javascript
3. upload keyboard.css to catalog/view/theme/default/stylesheet
4. upload keyboard.png to catalog/view/theme/default/image
5. edit file login.tpl in catalog/view/theme/default/template/account
find this code
Code: Select all
<b><?php echo $entry_password; ?></b><br />
<input type="password" name="password" />
<br />
Code: Select all
<b><?php echo $entry_password; ?></b><br />
<input type="password" name="password" class="keyboardInput"/>
<br />
Code: Select all
//--></script>
<script type="text/javascript" src="catalog/view/javascript/keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/keyboard.css">
You can see it in action here
