iPhone E-Commerce Tip: When Users Enter Product Quantity, Only Show Them Numbers!

Here is a quick and easy tip that will make your website a bit more usable for iPhone users. The best thing to do is implement a mobile friendly theme, but that is time consuming and can be difficult to get working 100%. With just 16 characters, you can modify your quantity text box so that iPhone users will automatically see a number pad when they choose it.

Here is a screenshot as an example:

Open the file app/design/frontend/default/{yourtheme}/template/catalog/product/view/addtocart.phtml

Find the input box for quantity. Add this snippet of code to the input tag:

pattern="[0-9]*"

Here are some other cool tips for iPhone users:
Display a telephone keypad: <input type="tel">
Display an email keyboard: <input type="email">

Having trouble with this? Let us know in the comments...

Source

About John Webber

John is the founder of MagThemes.com and has been working with Magento since version 0.9