Add-On Releases - Mobile Device Style Assignment

This is my first released hack, be nice.

This hack will detect when a mobile device connects to your site and allow you to override the default style/skin with one you specify.

Just install the product-file and set which style is your mobile device style via the AdminCP. Has been tested with several 3.6.x versions up to 3.6.8

I am also releasing a skin I wrote (it is based on vbmechanics Alabama skin, so updated or modified would be a more accurate description) for my own needs - it could probably be tidied up a lot more, but it works for me - take it as it is, I may offer limited support for this skin if I get time (no promises), and feel free to offer suggestions. Mobi - My super light skin is probably the one to go for, it has much greater functionailty.

=Install Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file and click 'import'
Refresh your admincp page and in VBulletin Options, select the settings for 'Mobile Device Detection'
Change the styleid of your mobile skin in "Mobile Device Style" to the StyleID number of your mobile device skin
Change the styleid of your PDA skin in "PDA Device Style" to the StyleID number of your PDA device skin
Your mobile/pda skin must be user selectable (although you can disbale the ability for users to change styles in vBulletin Options)
Thats it!

=Upgrade Instructions=
Go to Plugin System, Manage Products in your AdminCP and click Add/Import Product link at the end of the page
Browse for the product-mobile_enabled36-x.x.x.xml product file
Choose to overwrite
Click 'import'
Re-configure Styleid of mobile/pda skin if required

VERSION 1.0.7a
Based on initial release - supports assigning one alternative style to ALL detected mobile devices

VERSION 2.1.2
Now allows the addition of exceptions and also specifying a skin for Pocket PCs (Windows CE devices) and a skin for all otehr detected mobile devices.
I've also released a very light skin HERE which is great for cell/Mobile phones

LAST UPDATE 22-October 2007
VERSION 2.1.3 - removed, small bug
VERSION 2.1.3a

• Added ability to assign different styles to IPods/iPhones (In addiotn to Windows CE devices and other detected mobile devices
• Added ability to assign specific style to a user defined device (based on user agent string).
  
  You will need to know the useragent string, or a unique fragment of the user agent string to do this. One exmple of how this can be used would be to assign a specific style to say Firefox users, perhaps a different style for Blackberry users, or you could assign a specific style to search engines (beware when doing this - google apprently doesn't like people displying different content to search engines)
  

To upgrade, simply overwrite product - your existing settings should be preserved.

I've left the previous version available for download - to get the new version, download and install the attached XML

**BACKUP YOUR DB BEFORE INSTALLING**

Other Mobile / Lite Skins:

Mobile - My super light skin
iPhone / iPod Touch Optimised Style
Alabama
VBLite
WAP Plugin - this is a similar product and skin which I didn't find till after I'd made this one - it seems to be more directed at WAP devices as opposed to all Mobile Devices, and appears to no longer be supported, but worth having a look at.


Remember to click install and give a rating :up:

keywords: Mobile, PDA, Autodetect, Autoselect, WAP, Skin, portal, cell, phone, iphone

3.7 Version Here

[bigwest]

Originally Posted by dartho

@ bigwest - If there are no plug-ins, it could be that you edited the global.php file...

That's what I was thinking so I replaced my global.php file with an original but still no luck.

Any other ideas?

Oh and thank you for your response, I really do appreciate it.

[dartho]

You could also check the includes/init.php file. Some style stuff is assigned in here also I believe. Should be a section towards the end of the file - just search "$styleid"

[bigwest]

Originally Posted by dartho

You could also check the includes/init.php file. Some style stuff is assigned in here also I believe. Should be a section towards the end of the file - just search "$styleid"

I don't see anything in there that looks out of place in that file.

Is there anyway it could be something in the database?

I wonder what would happen if I deleted the mobile style I have installed?

I read earlier in this thread that this plugin detects the iPhone, that is AMAZING!!! That's the main reason I am wanting to solve this problem. I have iPhone users that want to view my site in it's regular form on their iPhone and they can't switch the style.

[dbirosel]

works well in IE and Opera though. Firefox it points to the mobile alabama template.

[dbirosel]

Originally Posted by Spika

Hello!
I?ve a problem, from mobiles devices works fine, but If ahythig choose dartho Mobile alabama style in a PC, after cannot back to default style, even turn off the browser (IE7 or Firefox), Mobile Style is not default style in ACP. And isn?t possible choose style in dartho mobile alabama skin, I can not view this option.
Thanks in advanced
(sorry for my english)

I'm having this problem too!! Any solution yet???

[dartho]

You will need to add a link somewhere in teh alabama style which points to your default style, if you add something like

<a href=http://www.mydomain.com/index.php?styleid=xx>Default Style</a>

(where xx is teh styleid number of your default style) to your footer template, that will give users a link back to the default home page - of course modify the URL to reflect your own domain/configuration.

[Tralala]

Hi and thanks for the iPhone exclusion support. Now can we please add iPod Touch to the list of excluded devices?

User Agent:

Mozilla/5.0 (iPod; U; CPU like Mac OS X; en)
AppleWebKit/420.1 (KHTML, like Gecko)
Version/3.0 Mobile/3A100a Safari/419.3

[dartho]

I think you should be able to add it yourself in the AdminCP. In the "User Agent Exceptions" section it has iPhone by default, if you make it 'iPhone, Mozilla/5.0 (iPod; U; CPU like Mac OS X; en)' that should do it. Any other browsers with that same portion of USERAGENT string would also not be detected as a mobile device either.

ALternatively, you could probably just go with "iPhone, iPod" if no other iPod devices have web browsers in them?

The exceptions just need to be any portion of the user agent string. I would assume that any device with Mozilla/5.0 in teh useragent string should be able to cope with the standard VB styles, so that may be worth trying out also?

[dartho]

Just found the following useragents via google - all apparently from iPhones and an iPod. Common among them are "Mozilla/5.0", "Safari/419" and "AppleWebKit/420" One of these strings would trap both iPhones and iPods

[28/Feb/2007:23:14:06 +0000] "Mozilla/5.0 (iPhone; U; ARM OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Safari/419.3 Version/3.0 Mobile/241"
[15/Mar/2007:06:17:14 +0000] "Mozilla/5.0 (iPhone; U; XXXXX OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Safari/419.3 Version/3.0 Mobile/241"
[22/Mar/2007:06:39:15 +0000] "Mozilla/5.0 (iPhone; U; XXXXX like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Safari/419.3 Version/3.0 Mobile/241"
[28/Apr/2007:07:50:00 +0100] "Mozilla/5.0 (iPhone; U; PPC like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A001a Safari/419.3"
[15/May/2007:01:00:58 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A523a Safari/419.3"
[28/May/2007:00:00:35 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A537a Safari/418.4"
[12/Jun/2007:04:13:45 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3"
[21/Jun/2007:16:42:06 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538a Safari/419.3"
[01/Aug/2007:18:23:01 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3"
[22/Aug/2007:03:58:51 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3"
[07/Sep/2007:00:20:48 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko)" - spoof?
[08/Sep/2007:13:54:10 +0100] "Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538b Safari/419.3" - spoof?
[09/Sep/2007:02:32:03 +0100] "Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML,like Gecko) Version/3.0 Mobile/3A100a Safari/419.3"

[Tralala]

Great, thanks dartho... much appreciated.