How to enable a theme for my Magento mobile web site?

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 here.

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 and Layout 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 find this article useful? Click here to learn more about SiteGround web hosting experts and what else we can do for you!