Forum Display Enhancements - Mobile Phone / iPhone / PDA Detection and Style Assignment

This add-on will detect most mobile phones, iPhones, PDAs and other mobile browsing devices and automatically for the user to a specific vBulletin style.

What can it do?
Detects most mobile phones and force the user to a specific style (users will not be able to select other styles from a mobile device with this add-on installed). If you have multiple styles installed which are optimized for small screen mobile devices, iPhones, WIndows Mobile devices you can assign a specific style to each of these groups.

Whilst designed with mobile device users in mind, you could also assign styles to self defined browsers. For example you can assign an alternative style to Internet Explorer users whilst Firefox users get the default style. You could also assign an alternative style to Google or Yahoo spiders.

Instructions:
0. Install styles which you wish to assign to Mobile/PDA/iPhone users - some links will appear at the bottom of this post
1. Download the product file
2. Install via Product Manager
3. Configure options via vBulletin Options, Mobile Device Detection (should appear at end)
4. Start browsing from your mobile device!
5. Click "Mark as Installed"

If upgrading from a previous 3.5 or 3.6 version, you will need to uninstall that and the install this one.

To uninstall simply uninstall the product - there are no database changes or additional files.

Styles released on vBulletin which you can use:
Dartho's Mobile, Cell, Phone, PDA, iPhone Style for vBulletin 3.7 (<-- yep, that's mine)
ElForro's iPhone / iPod Touch Optimized Style
Zachery's vB Lite Style
vBMechanics Mobile Alabama Style

Due to the stripped down nature of these mobile styles, you will find that most for 3.5 and 3.6 will work quite happily on 3.5, 3.6 & 3.7 although additional features introduced in vBulletin in recent years such as Social Groups, Blogs and Photo Galleries will not show well on a small screen. All should display your actual forums well.

3.6 Version can be found here

Marked as Beta until I get some feedback, and 3.7 goes Gold

Release Information
1.0.0 Initial release for 3.7 ported over from 3.6.8 version

[BGObsession]

Thanks - I'll give that a try - and let me just say, its so nice to have someone help answer questions on their mod as conscientiously as you do - seriously, that's great. Thanks! I'll let you know if that takes care of it....

[BGObsession]

Worked like a charm Dartho Now I've got a neat, utilitarian, easy to use, clean mobile skin. Thanks again!

[CR_TurboGuy]

For those that want to allow the user to override the mobile style, this is what I've done on my board:

1.) Add a new profile field that allows them to set the behavior of visiting the site from a mobile device. It either uses the standard style, or the mobile style. I made it a 'Single Selection Menu', then set the two options to be 'Use Standard Version' & 'Use Mobile Version', with the default set to 'Yes, but No First Blank Option'. It's not a required field, it is editable by the user, it is a private field, it's not searchable on the Members List, and it's not shown on the member list. For the display page, I set it to 'Options: Thread Viewing' so that it shows in that section of the options page.

2.) Next, I added a few lines of code to the 'Mobile Detection' product. The code is:

if($vbulletin->userinfo['field8'] == 'Use Standard Version')
    {
          $custom1=1;
    }

Where 'field8' is what field number my custom user field is, and 'Use Standard Version' is the option to look for. If you translate the phrases to another language, you'll need to change that. You also need to change the field number to match your custom field number.
I added the above code snippet in two places, once after this block:

$exceptbrowsers = explode(",",$vbulletin->options['brows_exceptions']);
  if(preg_match('/('.implode('|', $exceptbrowsers).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
    {
        $except_browser=1;
    }

and once after this block:

if ($vbulletin->options['custom1_skin_enabled'] == 1)
    {
    $custom1agents = explode(",",$vbulletin->options['custom1_skin_agent']);
    if(preg_match('/('.implode('|', $custom1agents).')/i', $_SERVER['HTTP_USER_AGENT'], $match))
      {
          $custom1=1;
      }
    }

Oh, I forgot to mention, this will use the style chosed for 'Custom/User Defined Devices Style?' in the settings for this product. I'm sure this could be extended to allow using the users default style, but on my board, there's only three styles, the 'regular' style & the mobile style for regular mobiles & one for iPhones. None are user selectable.

I'm attaching a screenshot of my new profile field, as well as a copy of the modified Mobile Device Detection & Assignment xml file. Let me know if you have any questions.

--JOsh

[testbot]

anyone know how to add google mobile ads (AdSense for Mobile Content) to this template?

[dartho]

Check here: https://vborg.vbsupport.ru/showthrea...19#post1531419

[ShackMaster]

Thanks for adding that option JOsh... I just had two members ask me about this tonight. This should really be part of the original install.

[FuegoMCS]

Anyone tested this under 3.8.x yet?

[abrecher]

Originally Posted by dartho

I had look at the source - the blogs addon is adding in a dropdown menu for blogs which a desktop browser is smart enough to know not to display, but the mobile browser - not so smart.

If you delete the contents of the blog_navbar_link_menu template in your mobile style, that should stop it showing up

Awesome! I was going insane trying to fix this issue.

[rcadden]

This is working just fine with v3.8.3 - though if you've got ads running, it seems to stretch things out for banners.

[dartho]

That would be a style issue - nothing to do withthis add-on