In order to use one theme for a Magento web site when it is loaded through a personal computer and a different one for mobile devices follow the steps listed below.
First, pick the preferred mobile Magento theme and install it as shown in our tutorial:
http://hostlantern.com/clients/knowledgebase.php
Do NOT enter its name in the Default theme field. This way the default theme will be loaded when the web site is opened through a computer.
Next you should add exceptions for the mobile devices. Navigate to the Magento administrative area -> System -> Configuration -> Design -> Themes. Click on the Add Exceptions buttons besides the Templates, Skin andLayout labels.
Enter the following line in the Matched Expression field:
iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini
In the Value field enter the name of your newly installed mobile theme and Save the changes.
Then you can open your web site through your computer and your mobile phone. You will see that it loads with two different themes depending on the device.
You need help with a shopping cart? hostlantern is specialized in eCommerce hosting and provides expert support for a large number of shopping carts. Check out our shopping cart hosting services!
