Last updated 28 January 2010. Created on 14 January 2010.
Edited by atrasatti. Log in to edit this page.

The Nokia Mobile is designed to work well on low-end devices and excel on high devices and touch screen devices.

Special features

  1. Integrated detection of device families (low, mid and high end) specific for Nokia, but supporting many popular devices such as iPhone, Android-based and Palm Pre/Pixi
  2. Show different theme features depending on browser capabilities (use accordions to hide areas that are not used frequently, use of shades and CSS to make the look nicer, more)
  3. Tweaks for touch devices
  4. Specific tweaks for some specific Nokia devices such as the N900

Also see the handbook page Nokia Mobile Theme for some basic information on the theme and other supported modules.

Pre-requisites

  1. Drupal 6
  2. Mobile Plugin

Installation

There are a few steps to complete the installation, but it is not as hard as it might seem. Just follow these steps:

  1. Download the latest stable release of the Nokia Mobile Theme
  2. Install nokia_mobile theme in sites/all/themes
  3. Go to Site building > Themes and enable the theme. DO NOT set it as default
  4. Go to Site Building > Mobile Plugin > Device groups
  5. Click on "Edit group" for the group "mobile"
    • Set the field Theme to nokia_mobile
    • SAVE
    • Click on "add new group"
      • Set the field Name to nokia low-end (IT IS case sensitive)
      • Set the field Theme to nokia_mobile
      • SAVE
      • Click on "add new group"
        • Set the field Name to nokia high-end (IT IS case sensitive)
        • Set the field Theme to nokia_mobile
        • SAVE
        • Click on "add new group"
          • Set the field Name to nokia high-end with touch (IT IS case sensitive)
          • Set the field Theme to nokia_mobile
          • SAVE
          • Click on "Filter group css and js" for the "nokia low-end" group
            • in the text area for Allow JS files for group nokia low-end: enter the value sites/all/themes/nokia_mobile/scripts/low/
            • SAVE
          • Click on "Filter group css and js" for the "nokia high-end" group
            • in the text area for Allow JS files for group nokia high-end: enter the value sites/all/themes/nokia_mobile/scripts/high/
            • SAVE
          • Click on "Filter group css and js" for the "nokia high-end with touch" group
            • in the text area for Allow JS files for group nokia high-end with touch: enter the value sites/all/themes/nokia_mobile/scripts/high/ (yes, this is the same as the high-end without touch)
            • SAVE
          • Go to Detection rules
          • Edit the last detection rule, the one that sets the device to the group "mobile". Change the group to "nokia low-end"
          • Go to Site building > Themes > Configure and choose nokia_mobile. At the bottom of the page make sure you have checked "Detect devices based on Nokia rules (default)." and pick a color for the buttons, "Blue" if you go with the standard Drupal color, for example. Click "Save configuration".

          You may also want to watch a video tutorial.

          Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.

          Comments

          Joda The Grey’s picture

          Great tutorial thanks, on step 9,10 and 11 I got "Page Not Found" error, but remove the html char for the space from the URI and it will find the page
          ... groups/filter/nokia%2Blow-end
          should be
          ... groups/filter/nokia low-end

          geopet81’s picture

          Great tutorial but there's something missing...We must give permissions to mobileplugin module. Otherwise non registered users won't have the mobile version enable.

          JaCoB-22’s picture

          Would it be possible to put a link on the mobile site so that the viewer can view the desktop site on their mobile device.

          Thanks