Goals
- One theme for mobile, another for others....
- Keep old theme (don't mess it up)
- Only make new theme for mobile
- Do not send "full scale images" to mobile
Installation
- zettwerk.mobiletheming
- medialog.simpleslider
- Some mobile theme ( try zettwerk.mobiletheme, or customize medialog.mobilethemeThree)
Setup
- Go to http://yoursite/@@mobile-theming-controlpanel
- Change hostname to the mobile hostname (for example http://m.mydomain.com
- Select mobile theme
- Set up your DNS with an entry for m.mydomain.com and probably a new rewrite rule (on apache or whatever you use)
How does i work?
- When someone visits your site, they will see your "nomal theme"
- This could be a diazo theme, or an "old-style theme"
- If the site is visited from a mobile device, they will be redirected to the mobile URL
- The mobile site will show the mobile theme.
- This is done with a javascript
The same site visited via two different domains
The slider part
(this part is still a bit experimental)
- Go to the page where you want your slider (fader)
- Enable the simple slider
- Edit the slider settings
- Notice: you can write the path to the images or select a tag (keyword) to search for the images (but it will only sort those selected by tag)
- You should set image size (scale) for "normal" and mobile (see screenshot)
Troubleshooting
- You might have to disable/enable the themes (or restart)
- The slider is a viewlet, so you can enable/disable it with /@@manage-viewlets
- The "fader" is responsive, so its size might be the same if you change the scale (but it will be less kB)