How to activate the Mobile HTML5 theme in Magento 1.7 (for Android, Blackberry, iPhone, iPod, Windows Mobile, etc)

Posted in magento integration on October 9, 2013 0 comment(s)  

Magento 1.7 comes with a new Mobile HTML5 theme out of the box. This should be compatible with Android, iPhone, iPod, Blackberry, Palm, Windows Mobile, Safari Mobile, Opera Mini and many more.

magento with windows 8 ui style on ipad

Magento with windows 8 ui style on ipad

Activating the HTML5 mobile theme is as simple as configuring an exception in the Design section of the Magento Configuration.

1. Go to: System > Configuration > Design > Current Package Name

Make sure that the Package is set to the package with your theme. If you’re using a different package than the default (or enterprise if you’re on that platform), then you will need to add an exception for the package. Click on "Add Exception" below the "Current Package Name".

This will display a form with a couple of fields. The "Matched Expression" field is a string you want Magento to match in the User Agent of the browser. "Value" is what you want the field value (in this case package name) to be when that expression returns true. So, if your theme isn’t in the default package, you would enter default for the value (since the mobile theme is at default/iphone).

The matched expression is case sensitive. You will need a different "Matched Expression" for each platform. For example, enter the following:

iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini

2. Repeat the above in the Themes area (System > Configuration > Design > Theme), except the value field will now be iphone - the name of the theme folder.

3. Click "Save Configuration"

4. Clear your cache, and view your website from a mobile device such as an iPhone. You should now see the mobile theme, and your computer should still show the main theme.

Don't forget of course to customise the iPhone theme to suit your needs.

This post was posted in magento integration and was tagged with magento, magento theme, mobile theme, Mobile HTML5 theme in Magento 1.7

Leave a comments
Your email address will not published. Required fields are marked *

What Our Clients Say?

  • Oscar Soto MANAGER
    ArrowHiTech has always impressed me! They are professionals and are quick to response to my needs. I have used
    them in the past and will continue to use them in the future. Thanks Martin and all the Staff at ArrowHiTech!!!
  • The guys of AHT solutions did a perfect job and are real profesionals. Definitely recommend them and will use them again!
  • Jonatas Leonel MANAGER
    Martin has a great team of Magento experts, I really liked the work he did for me. I asked him to customize my template following a couple of jpg files that I got from a designer and he worked on that template without the psd's - that was awesome, the result I got was really good.
  • I really enjoy working with ahtsolutions. Quick response to our questions, delivery the project in time and excellent skills. I hope to work with them soon
Request us now! Yahoo:gravitational_boy Skype:hyun_yoo_it +84437955813