Mobile template CSS

**Calljj** · 4 Feb 2011, 03:14 PM

To answer my own question, if using the browscap method as Vittorio posted and you want iphone customers to see the full site, then this is how i did it.

1. Create a new file called redirect.php and place it in the public_html folder

2. put the following code in it -changing the domain name to you own

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<?php
$value = 'full';
setcookie("TestCookie", $value);
setcookie("TestCookie", $value, time()+1800); /* expire in 1/2 hour */ 
?>
<head>
<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.yourdomain.com/">
</head>
</html>

3. On your site, put a link to the redirect.php file for users to click on to see the full site

4. Alter the code slightly that vittorio posted to look like this

Code:

* Determine if client is a mobile device or not ($mobile = 1 ==> it is | $mobile = 0 ==> it is not)
*/
$browser = get_browser($_SERVER['HTTP_USER_AGENT'], true);
$mobile = ($browser['ismobiledevice'] == null ? 0 : $browser['ismobiledevice']);
$platform = strtolower($browser['browser']);

/**
* Check if user wants full version or not use it
*/

 $is_mobile = "true";

if(isset($_COOKIE['TestCookie'])){
 $is_mobile = "false";
}


/**
* Check if there is a specific template for this mobile platform and use it
*/
if ($mobile == 1){
if ($is_mobile == "true"){
  $exists_mobile = file_exists(DIR_WS_TEMPLATES . $template_dir . '_mobile');
  $exists_platform = file_exists(DIR_WS_TEMPLATES . $template_dir . '_mobile_' . $platform);
  if ($exists_platform) {
    $template_dir .= '_mobile_' . $platform;
  } else {
    if ($exists_mobile) {
      $template_dir .= '_mobile';
    }
  }
}
}

/**
* EOF : SPECIFIC TEMPLATE FOR MOBILE CLIENT

Hope this helps someone out with creating mobile based zen cart templates for iphones etc

**kburner** · 25 Feb 2011, 05:58 PM

I noticed when looking through my site's awstats that there are blackberry and android users. My husband has an android and my site shows with just a little corner snippet. I am very interested in this process.

From the postings I am gathering that you...

1st. create a new stylesheet post #6
2nd override init_templates.php with coding given in post #19 from includes/init_includes/overrides, restart Apache, load browscap.ini, not sure what to do after that.....

This should allow customers with handheld internet devices to view my site and login and purchase.

Has anyone completed the steps with it working? and have orders come through?

Thanks, Kim

**delia** · 17 Mar 2011, 01:44 PM

Good information, thanks everyone.

I'm presently in the planning stages for a default mobile template for Zen Cart and I see the checkout as a bottleneck. I tried Numinix's Ajax checkout but I couldn't even login to checkout on my iPhone.

I'm thinking a jQuery checkout would be better.

Any thoughts on this.

**misty** · 23 Apr 2011, 08:30 AM

You can check the general look by viewing in Opera.
open the a site in the opera browser click view and then "small screen"

Latest Opera no longer has this option...instead use following method:-
Opera 11 for Windows: View -> Developer Tools -> Page Information -> View button -> Small Screen.

**skylab001** · 19 Apr 2012, 06:44 PM

I'm using this bit of code to check for mobile browsers using the browscap method, it works perfectly. What I'm having issues with is the redirect, I've done exactly what Calljj had written but when you click 'view full site' in the mobile template, it doesn't affect anything, it goes to the redirect.php file and then straight back to the mobile site. I can however redirect to a different site from the redirect page, but this defeats the point of just using a 'mobile template' and having to maintain two sites. Does anybody have any suggestions as to why this is not working properly and switching templates?

Originally Posted by Calljj

To answer my own question, if using the browscap method as Vittorio posted and you want iphone customers to see the full site, then this is how i did it.

...

Hope this helps someone out with creating mobile based zen cart templates for iphones etc

Thread: Mobile template CSS

Thread Tools

Search Thread

Display

Hybrid View

Re: Mobile template

Re: Mobile template

Re: Mobile template

Re: Mobile template

Re: Mobile template

Similar Threads

v139h I bought a mobile template; how do I Mobile Device to Show Desktop version by Default

v139d Mobile Template?

My mobile template

mobile template

Mobile CSS Template for Admin?

Posting Permissions