EE 1
EE 2
Mobile

Developer

Wouter Vervloet - Baseworks

3rd Party (Free)

152 downloads (last 90 days)

Creative Commons Attribution Share Alike Download v0.9.6

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Entry API
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Extension

Tags

Mobile allows you to serve up a completely different set of templates when your site is accessed on a mobile device. A simple and flexible solution without the need to redirect to a different URL.

It couldn’t be any simpeler to use Mobile. Just install it and you are ready to go.

Let’s say you have a page you’re accessing that’s using EE native routing:

http://devot-ee.com/add-ons/rangee

This will obviously load up the rangee template in the add-ons template group. And that’s where the magic start: if you create a template group called mobile__add-ons and within that group a template named rangee, that template will get served up when that page is visited on a mobile device. It’s that easy!

If no mobile equivalent of a template is found, the regular template is served up to the frontend.

I know what you’re thinking: “But wait… what about Pages and Structure URL’s?” I’ve obviously thought of that. Mobile also works with these two fantastic modules.

For the curious folk among us, here’s how that works: It checks if the current URL is in the site_pages array generated by both Pages and Structure and replaces the associated template with the mobile equivalent if it exists.

A basic example would look something like this:

Regular templates:
- homepage*
--- index
- add-ons
--- auto-expire
--- mobile
--- rangee
--- remember-me
- contact
--- index

Mobile templates:
- mobile__homepage
--- index
- mobile__add-ons
--- auto-expire
--- mobile
--- remember-me

The following will happen:
/
Loads mobile__homepage/index template because mobile also honors the default template_group setting.

/add-ons/remember-me
Loads mobile__add-ons/remember-me because that particular template has a mobile equivalent.

/add-ons/rangee
Loads add-ons/rangee. Even though there is a mobile__add-ons template group, there isn’t a rangee template present in that group. Therefore it just loads the regular template.

/contact
Loads contact/index because there is no mobile__contact template group.

Global Variables

     
  • {is_mobile}
  •  
  • {mobile_client}

These are pretty much self-explanatory.

As of version 0.8 there are two extra global variables:

     
  • {mobile:switch_to_full}
  •  
  • {mobile:switch_to_mobile}

These two tags output a link that allows you to switch the mobile check on or off.

They are used like this:

Switch to:
<a href="{mobile:switch_to_full}">Full</a> | <a href="{mobile:switch_to_mobile}">Mobile</a>

Settings

As of version 0.7 you can define a template_group prefix for each mobile client. Setting a prefix for each mobile client might be a bit much, but you might want to make a difference between mobile devices and tablets like the iPad.

 

Important!
Because of the lack of extension hooks during the stage where Mobile works its magic, I had to hack into the segment variables array to make this work. Because of that, when using native EE routing (not with Pages or Structure), {segment_1} will also be prefixed with mobile__ in the mobile templates.

Keep that in mind.

Download Mobile

EE Version Downloads Add-On Version Release Date
2.+ Download 0.9.6 2012-09-10 05:18 PM

Mobile Links

Hooks Used

If the add-on is an extension, and ties into ExpressionEngine's core files, it will use ExpressionEngine hooks. We are listing any hooks the add-on uses for developers to have an easier time locating other add-ons that they can reference for their own work.

  1. sessions_start

This entry was created June 13, 2011, 1:43 pm.
This entry was last updated September 10, 2012, 10:22 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

5 Reviews:

Roi Kingon 01.29.13

Roi Kingon
Rating - {addon_rating_average}

this add-on is SOOO cool. Works seamlessly with structure. Saved lots of time in our mobile build!

Appleguy 09.10.12

Appleguy
Rating - {addon_rating_average}

Wouter makes great software! I had a MSM issue with Mobile, and Wouter responded AND FIXED the problem within 24 hours. Fabulous support!

Curtis Blackwell 07.01.12

Rating - {addon_rating_average}

Simple.

Fingo 11.24.11

Rating - {addon_rating_average}

Brilliant extension! A breeze to set up and I love the full control of included content, much better than a pure CSS optimisation.
The developer was incredibly helpful when I got stuck on a tiny problem.
Will use this for future mobile optimised builds.

JCDerrick 06.16.11

JCDerrick
Rating - {addon_rating_average}

This is an excellent add-on that makes setting up a mobile version of your site a breeze. The support from the developer was fantastic, and he was very quick to respond to my initial issues. Works great on my mobile devices!