Skin Switch

This new mod provides the capability to dynamically switch templates from the catalog side.

Download link is: https://www.zen-cart.com/downloads.php?do=file&id=2009

swguy, thanks for posting this! I'm trying to incorporate this function automatically based on mobile detect...would you be able to tell me how to automatically have template #1 used for desktops and template #2 used for mobile devices? I don't want to just rely on a responsive template as it still does not display the way I want on a mobile device. Having two templates would give me the flexibility I need. I would also like to mask the url to remove the template name if possible--that way if I sent a link from a mobile device to a desktop user, they would not be directed to the wrong template. Any help you can provide is appreciated. Thanks!

I'm actually working on the next version of this mod, which has a second set of example files that show you how to do automatic setup. Stay tuned!

The module has been updated with an example of how to do automatic template selection.

Hi,

" I would also like to mask the url to remove the template name if possible--that way if I sent a link from a mobile device to a desktop user, they would not be directed to the wrong template. Any help you can provide is appreciated."

I Would like to have an update regarding above question. Thx!

Example2 in Skin Switch (just released in Sept) shows you how to do this.

Great add-on . Now my templates switch from PC to mobile every Sunday.

function use_nondefault_template() {
// check whatever you want to here.
if (date("D") == "Sun") {
return true;
}
What I would really like them to do is switch whenever a mobile is detected. Would someone be kind enough to tell me how I can set up a mobile checking function in such a way as to operate this switch when ,

if ($detect->isMobile()) {
return true;

Thanks.

Use a mobile detect library such as http://mobiledetect.net/.

Thanks for replying. I've got the Mobile_Detect.php alright, but I can't figure out where to put it and how to get set_template.php to refer to it.

Look at example 2 - it shows how to use a single check.

I'm using 1.5.4. The switch works fine on days of the week. I have includes/classes/Mobile_Checker.php ,and in the legacy template that I want to use as default I have , in common/html_header.php

if (!class_exists('Mobile_Detect')) {
include_once(DIR_WS_CLASSES . 'Mobile_Detect.php');
$detect = new Mobile_Detect;
}
Then in set_template.php , I have ,

function use_nondefault_template() {
// check whatever you want to here.
if($ismobile) {
return true;
}
return false;
}
But this won't switch the template when the site is accessed by a mobile device , so I figure I must be missing something ?

This seems to work without breaking anything else.
// check whatever you want to here.
$useragent=$SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i',substr($useragent,0,4)))
{
return true;

I got the list from http://detectmobilebrowsers.com/

This mod was just updated for Zen Cart 1.5.5a.

Thanks to @WebsiteRob for letting me know I uploaded the wrong file - this has been fixed.

swguy:

Thanks to @WebsiteRob for letting me know I uploaded the wrong file - this has been fixed.
HAHAHA! I thought I was going crazy or that I did something wrong, then when I downloaded today (without seeing this before) and kinda confirmed that I did something wrong... :P good thing to know I'm not losing it... YET!

Question:
Is it possible to create a list of templates? Is it possible to transfer the list/links to a custom sidebox without losing functionality? If there are 10 templates, that header will get crowded.

ideasgirl:

Question:
Is it possible to create a list of templates? Is it possible to transfer the list/links to a custom sidebox without losing functionality? If there are 10 templates, that header will get crowded.

Sure - just put these links in the sidebox instead of the header.

I finished this... do you want me to pack it and submit it to have it in your module as an option?

Sure, thank you. Make it "example3" please.

My pleasure... THAN YOU! and the team for the hard work.

Submission done. :clap:

First of all, thank you for the app. I was going nuts trying to make classic_resposive look good in mobile and desktop mode and this enabled me to work on the separately. Great work!

I would like to have the link to the desktop view on the header when the mobile site is viewed on a desktop. It's working fine but I had to put in a sidebox with the desktop link so that if anyone gets to the mobile site on a desktop they can easily switch to the desktop view In other words I want to make the header uniform for both the mobile and desktop versions when they''re viewed on a desktop. Here's a link to the site.https://www.spminiatures.com/storetest2. So far it's in test mode. My concern is that many of my customers are not very computer literate and will get lost.
I tried a few things but they they either didn't work or destroyed the site.

Thanks for any help
Carol