Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

[CandleMan]

Find the following section in the template's /jscript/jscript_responsive_framework.php:

$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();

and comment the block out, adding the highlighted lines:

$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
<?php
/* ----- Don't force postcode to all numbers -----
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
*/
?>
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();

Thanks, the commenting out worked but the php bit crashed the site.
seems ok now

[dbltoe]

next time, I should refresh first

[DrByte]

Just a quick question...

Is there an easy way to remove the php device detect feature of this template? I find it an unnecessary addition, considering all devices I've tried it on work great with the desktop responsive css. Not sure if there are any benefits to having 3 sets of css stylesheets to edit.

I've had a look and can't seem to find where it is implemented and how to remove it. If someone could help, it would be much appreciated.

In html_header.php simply comment-out this section, to bypass the detection. I have not tested what ill side-effects this may cause to you. Use at your own risk:

// ZCAdditions.com, ZCA Responsive Template Default (BOF-addition 1 of 2)if (!class_exists('Mobile_Detect')) {
  include_once(DIR_WS_CLASSES . 'Mobile_Detect.php');
}
  $detect = new Mobile_Detect;
  $isMobile = $detect->isMobile();
  $isTablet = $detect->isTablet();
  if (!isset($layoutType)) $layoutType = ($isMobile ? ($isTablet ? 'tablet' : 'mobile') : 'default');
// ZCAdditions.com, ZCA Responsive Template Default (BOF-addition 1 of 2)

[allmart]

I am hoping someone can give me some guidance on setting my header (containing only the menu and search box, but not the logo) as fixed in desktop mode similar to the mobile phone and tablet (portrait) modes but without the blue menu button. I want the ability for users on the products page have access to the menu when they have scrolled down the page and the top menu is no longer visible.I have worked with stylesheet.css, responsive_mobile.css and responsive_tablet.css but am not having any luck and made a mess and thus gave up. My website which is work in progress is http://www.allmart.ca/store and would appreciate any help.

Thanks

[jpirie]

Good Morning,
Thanks for a great new Template which is exactly what we were looking for to adapt for handheld devices.
I'm at the very early stages of setting up my cart and have come across a problem which seems to affect mobile versions of the site only (Have no way of trying the Tablet version as yet.
When a new customer trys to register the "Zip/Postcode" field entry refuses to accept alpha characters. It will only allow numerical entry which, of course, is no good AND if you do not fill in the Post/Zip code then you cannot register as a customer. Disaster!

This works as expected on a desktop browser and, if I switch my mobile to desktop mode but, still, this isn't good.

It might be something to do with my setup, I find the "Template Overide" system a little sensitive and, for a proportion of the entire first day of trying to set up some overides I had a blank page only...still don't know what was causing that but suspect it was not having the "common" folder copied across from responsive_classic to my own folder? It does not suggest this is necessary anywhere in the help files and tutorials but, thats a question for another day. For now, can anyone advise me on what couold be wrong?

My (not live) shop is found here:
www.shake-the-tree.com
and if you use a mobile device you will see that you cannot input your post/zip code.

Thanks for any help.

James

[Design75]

Good Morning,
Thanks for a great new Template which is exactly what we were looking for to adapt for handheld devices.
I'm at the very early stages of setting up my cart and have come across a problem which seems to affect mobile versions of the site only (Have no way of trying the Tablet version as yet.
When a new customer trys to register the "Zip/Postcode" field entry refuses to accept alpha characters. It will only allow numerical entry which, of course, is no good AND if you do not fill in the Post/Zip code then you cannot register as a customer. Disaster!

This works as expected on a desktop browser and, if I switch my mobile to desktop mode but, still, this isn't good.

It might be something to do with my setup, I find the "Template Overide" system a little sensitive and, for a proportion of the entire first day of trying to set up some overides I had a blank page only...still don't know what was causing that but suspect it was not having the "common" folder copied across from responsive_classic to my own folder? It does not suggest this is necessary anywhere in the help files and tutorials but, thats a question for another day. For now, can anyone advise me on what couold be wrong?

My (not live) shop is found here:
www.shake-the-tree.com
and if you use a mobile device you will see that you cannot input your post/zip code.

Thanks for any help.

James

Please read back a few posts, and you will find your answer

[spminis]

I'm having a problem with this template that I can't seem to solve.
I can't give you a link because I haven't put it online yet.
The right sidebox is showing in the middle of the page and is not aligning to the top. The left sidebox is fine.
Also, how can I make the center column smaller as I think this may be the problem.
I confess that I'm not versed in css or php but did manage to set up a working website using the simple blue responsive template
www.spminiatures.com
Thanks for any help

[dbltoe]

I'm having a problem with this template that I can't seem to solve.
I can't give you a link because I haven't put it online yet.
The right sidebox is showing in the middle of the page and is not aligning to the top. The left sidebox is fine.
Also, how can I make the center column smaller as I think this may be the problem.
I confess that I'm not versed in css or php but did manage to set up a working website using the simple blue responsive template
www.spminiatures.com
Thanks for any help

You may have a "different" setting for the column widths (left, right, or both) that doesn't match the ones preset in the template. See if your width(s) match the ones preset in yoursiteDotCom/includes/templates/responsive_classic/css/responsive.css.

[jpirie]

Hi,
Sorry for delay in responding.
I followed one of the Tutorials on the Zencart web pages.
My expectation would be that, if I wish to edit a part of the existing template, i.e. the responsive template, I would locate the fiel that I wish/need to edit, create a new folder in the same path as the original file with the name of my new template "custom" in the example I followed, edit the file and save it n my new folder. Then, my understanding is that this is an Overide page which will be used for the information I have changed after which all other information comes from the original template.
This hasn't been my expereince however and I find that, if I wish to use the Responsive Template I have to copy quite a lot of the original files from this template folder to my new template folder before it will work at all.
I think, eventually, I solved this particular blank page issue by copying ALL the info from the Responsive template folder to my new template folder and deleted the folders one at a time until the blank page re-appeared. I think it was the "common" folder that was required.
I suppose, at this point, that the instructions I followed were a little outdated but, it's also possible that I misread them.

Thanks for the response.

Onward to new problems now.

James

[jpirie]

Please read back a few posts, and you will find your answer

I apologise for this...I honestly did search with every term I could think of to find an answer, I am aware of how annoying it is when people appear not to read previous comments but...in this instance I drew a blank with every search term I used...and I specifically searched this thread also :)
Anywau, I found it and fixed it and...well, I'm sure there will be other stuff.

Many thanks for your patience.

James