Use Mobile Theme VS Responsive Theme Magento

Why would you use a Mobile theme for Magento when you can
use a Responsive theme. That’s what many people have asked us.
The answer is simple. With a responsive theme your visitors
will see the same theme on there mobile device as on there desk
top computers or tablets. That is not a big problem for a
website but for a Webshop it can cause major problems. No
wonder big Webshops like Zalando use mobile themes. This multi
billion company knows what they do.

So a Mobile Theme it is – .htaccess VS Magento Admin VS js
Redirect

.htaccess is the easiest way to redirect your
visitors to a mobile theme. But it is maybe not the best way to
do it. When you use a .htaccess you must redirect with a
rewrite. This has one major disadvantage. Your customers will
all land on 1 url, www.example.com. If this is what you want to
do you just add the code below to your .htaccess and you are
done. Magento Admin is the basic way to do
this. When you have no idea what we are talking about here you
should do this. But if you use this way you could maybe buy a
Responsive design because you would have the same problems. The
best way to redirect your customers when they are using a
mobile device is a java script. This may not
sound as the best for SEO but in this case it is not true. The
reason for us to go for this option is simple. We do not want
our customers to land on the home page but we want them to land
on the page where they think they are going. This is particular
important when have links coming from Facebook or Google
shopping to your website. Does links will never be direct
links so with a simple rewrite in .htaccess you will land on
the homepage or on the 404 page. Not good at all.

Magento .htaccess Redirect to Mobile Theme

RewriteEngine on
RewriteBase /
# Check if this is the noredirect query string
RewriteCond %{QUERY_STRING} (^|&)m=0(&|$)
# Set a cookie, and skip the next rule
RewriteRule ^ - [CO=mredir:0:www.example.com] RewriteCond
%{HTTP:x-wap-profile} !^$ [OR] RewriteCond %{HTTP:Profile} !^$
[OR] RewriteCond %{HTTP_USER_AGENT}
"acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi"
[NC,OR] RewriteCond %{HTTP_USER_AGENT}
"wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR] RewriteCond
%{HTTP_USER_AGENT}
"up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}
"symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC] RewriteCond
%{HTTP_USER_AGENT} !macintosh [NC] # Check if we're not already
on the mobile site
RewriteCond %{HTTP_HOST} !^m.
# Can not read and write cookie in same request, must duplicate
condition
RewriteCond %{QUERY_STRING} !(^|&)m=0(&|$)
# Check to make sure we haven't set the cookie before
RewriteCond %{HTTP_COOKIE} !^.*mredir=0.*$ [NC] # Now redirect
to the mobile site
RewriteRule ^ http://m.example.com [R,L]

Magento Admin Redirect to Mobile Theme

Go to System > Configuration > Design
> Themes
.
Click the Add Exceptions buttons
besides the Templates, Skin, Layout and Default.
Enter the following line in the Matched
Expression
field:

iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini

Put pagayo-theme-001-mobile into the
Value field (This is for when you are
using the Pagayo mobile
theme
.

.htaccess VS Magento Admin VS js Redirect

Redirect Magento visitors on a mobile device with a java script

So this is the best way to do this. Here we go. First you have
to create a store view for this. The easiest way would be to
create a store view from the main website. But it does not have
to be a child store, it can also be a second website. This
decision is up to you but in this example we are using a store
view. There are may pages on the internet that explain how to
create a second store view. So we are skipping that part.

We are going to be using the JS-Redirection-Mobile-Site script
found at Git Hub here.
Now, before you click that link and get yourself all confused,
I’m going to break down everything for you. Okay, first things
first. Download redirection-mobile.js
here
. Just highlight the text, copy it, and then create a
new text document in the folder called “js” and name it
redirection-mobile.js. This js folder is in the root of your
Magento shop. Good, we are almost done. Now, in the
<head> section of the page you are looking to redirect,
paste this:

<!– Mobile redirect script by Brian Johnson –>
<script src=”js/redirection-mobile.js”
type=”text/javascript”&gt;<script
type=”text/javascript”>// <![CDATA[
SA.redirection_mobile ({ mobile_url : “example.com”, });
// ]]></script>

We always place this code in the page column phtml files. But
it is up to you to decide what is best for you.