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

[edytwinky]

how do you get this to redirect for iPhones?

My buddies iPhones go to the regular site and not the mobile version.

I've removed the word iPhone from Useragent Exceptions and it still pulls up the full version of the site.

[dartho]

You should be able configure which skin you wish to display to iPhone devices in teh options...

[Bakushan]

When I turn on the exceptions list, i get this error:

Warning: preg_match() [function.preg-match]: Unknown modifier '5' in /global.php(237) : eval()'d code on line 13

[dartho]

do you have any forward slashes in the exception string? If so, escape it with a back slash. ie: "mozilla/4.0" becomes "mozilla\/4.0" Let me know if that was the issue and I'll look at updating the add-on....
thanks

[Bakushan]

yes, there were three of them:

"Mozilla/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit/522+ (KHTML, like Gecko) Safari/419.3"

it now looks like:

"Mozilla\/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit\/522+ (KHTML, like Gecko) Safari\/419.3"

and the error is gone..

(this is the Android G1 useragent i believe... just waiting on a user to test it for me to verify)

[Bakushan]

FYI, i wonder if the comma in the useragent will make it not work since they are comma-separated?

[MissKalunji]

Originally Posted by Bakushan

yes, there were three of them:

"Mozilla/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit/522+ (KHTML, like Gecko) Safari/419.3"

it now looks like:

"Mozilla\/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit\/522+ (KHTML, like Gecko) Safari\/419.3"

and the error is gone..

(this is the Android G1 useragent i believe... just waiting on a user to test it for me to verify)

how is it suppose to look? i have some android users

[dartho]

You don't have to have a complete useragent - you could simple have the word "Android" and that would catch it. Should probably change it to use carriage returns or '|' symbols ...

[Deathweaver]

We've just installed this Add-On at our board, but some users prefer to choose the original style. Using a simple cookie this could be a usefull extension.

Just change the beginning of the Plugin at style_fetch Hook like this to check for an cookie:

PHP Code:

$noMobile = $_COOKIE['bbNoMobile'];
if ($vbulletin->options['mob_detect_enabled'] == 1 && $noMobile != 1) {
...
} 


Then you have to provide a possibility to set the cookie:

PHP Code:

<?php
setcookie('bbNoMobile', '1', time()+3600*24*30, '/', '%your_bb_url%');
if (strpos($HTTP['HTTP_REFERER'], '%your_bb_url%')) {
    header("Location: ".$HTTP['HTTP_REFERER']);
} else {
    header("Location: http://%your_bb_url%/");
}
?>

Save this to a file called e.g. switch.php and replace %your_bb_url% with your board hostname. Now you only have to provide a link to switch.php.

Perhaps it is possible to include this feature and integrate the switch.php code as plugin into vBulletin. Unfortunately I'm not very skilled in vB Plugin development.

[stemmy]

This is probably a veruy simple answer but I cant find it !!

I am running VBA and I did the mods you requested to removed VBA sections.

Now when I look at the forum the first page is all crammed to the left. The rest of the forum looks fine.

Please can you help me sort this. Thanks in advance.

www.photography-forum.org