Build a mobile/tablet version of your site without duplicating content.

MobileCore is a set of tools designed to help developers create mobile versions of sites without needing to duplicate content. The extension works by adding additional mobile configurations to your page layouts to specify which modules and settings you would like to use if the person viewing your site is on a mobile/tablet device. This includes:

• Included modules
• Mootools scripts
• Additional Javascript
• Additional HEAD tags
• fe_ page template
• Stylesheets

In addition, all content elements will now have three additional options: Hide on regular sites,  Hide on tablet sites, and Hide on mobile sites.  This allows you to create content in your articles that is shown only to mobile/tablet/regular user agents and vice-versa.

The extension works by taking advantage of Contao core HOOKs (generatePage and parseFrontendTemplate) to intercept the parsing of the page based on the user-agent and instead parse based on your mobile/tablet settings. It also auto-detects image-sizes and auto-shrinks them down to a configurable setting based on the UA to fit on the screen. You can override the settings using $GLOBALS['UA_TYPES']['mobile']['maxImageWidth'] = 300 in your initconfig.php file.

MobileCore also uses the simple_html_dom plugin, which can be found here. http://sourceforge.net/projects/simplehtmldom/

New features for the RC version include the ability to specify subdomains for your mobile/tablet versions of your sites. You will see a new setting in your Root for adding the subdomain prefix. Note that you must not be currently specifying a domain in your DNS for this to work. Simply set up your subdomain and point it to your normal Contao install root, and when a device is detected that matches the UA, the user will automatically be redirected (i.e. from www.mysite.com to mobile.mysite.com). You can optionally override this setting by adding '?m=false' to a link, and you can allow the user to view the site normally. Conversely, setting '?m=true' in a URL will force the settings you have configured for the UA. This allows you to offer a link to the user to switch between the mobile and regular versions of your site.