iPhone Magento theme compatible with Android

Posted on 12/03/2009 by B00MER

After installing the iPhone Theme for Magento via Magento Connect do the following:

Simply configure the exceptions under “System”->”Configuration”->”Design”

Expand “Themes” see the screenshot and use the values “Mobile Safari|iPhone|iPod” for Matched expression, and “iphone” for value. Since both iPhone and Android use WebKit they will both return the user agent as “Mobile Safari”. Be sure and realize it IS case sensitive for all values.

However after some further testing with some iPhones won’t return “Mobile Safari” so the condition for iPhone or iPod needs to be added as well.

Cheers! ;)

android iphone1 iPhone Magento theme compatible with Android

:idea: Update: More details about Which Browser is used in Android

Possibly Related Posts:


This entry was posted in Android, Magento Commerce and tagged , , , , . Bookmark the permalink.

8 Responses to iPhone Magento theme compatible with Android

  1. John says:
    12/04/2009 at 7:32 am

    Hi,

    I am developing one shopping cart with iPhone magento theme. I wants to add support for android in it.

    I’ve done the settings, as per your post in my iPhone Magento site.

    But when i try to open the site in Android Simulator Browser then it is not going to open.

    Please guide me through right way.

    Thanks.

  2. admin says:
    12/04/2009 at 1:19 pm

    John,

    I don’t think the Android simulator browser will return the proper user agent. The above does in fact work atleast tested on my Android G1 and an iTouch, and iPhone.

    If you can use the simulator to go to http://whatsmyuseragent.com and insert it into the Matched expressions with an ‘|’ OR condition.

    You may be able to use ‘Android|Mobile Safari|iPhone|iPod’ for Matched expression for the simulator and possibly other Android devices that aren’t using the built in web browser.

    Hope this helps.

  3. Pingback: Android SDK 2.01 Emu WebKit User Agent | molotov.bliss

  4. Eric says:
    12/09/2009 at 2:02 pm

    THANK YOU SOOOOOO!!! MUCH!! You don’t know how frustrating it’s been to get this iphone theme to work as there is somewhat a lack of documentation to get it to really work. You are awesome!!! :mrgreen:

  5. Alan says:
    01/02/2010 at 10:46 pm

    Adding ‘iphone’ in the first text field in each section resulted in my default theme breaking slightly and causing validation errors due to duplicate content (id’s).

    Removing this everything worked. Ie. only complete the Matched Expressions and Value Fields

  6. James says:
    01/30/2010 at 3:03 pm

    Thank you very much – without this I thought I was going to go mad:) please follow these instructions everyone:) thanks again

  7. Simon Verdon says:
    03/01/2010 at 11:29 am

    For what it’s worth, this is my matched User Agent list to divert to mobile template. Has redundancy but seems to catch most of what is out there now.
    iPhone|iPod|BlackBerry|Pre|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Safari Mobile

  8. Pingback: The big list of website resources

blog comments powered by Disqus