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

Quote:

---

Originally Posted by picaflor-azul

This is a support thread for the Responsive Classic template built-in to Zen Cart v1.5.5

Anne

---

Hi,
Can I use the responsive classic template of 1.5.5 on a 1.5.4 website?
If that is possible, then from where can I get the template module files?

thanks in advance

Quote:

---

Originally Posted by muteyaar

Hi,
Can I use the responsive classic template of 1.5.5 on a 1.5.4 website?
If that is possible, then from where can I get the template module files?

thanks in advance

---

No. There are a lot of dependencies on other things that were changed/added to v155.
Good reason to upgrade.

Hi everyone,
I am working with a fresh installation of Zencart V1.5.5 and the responsive template.
I have followed the instructions for customising my own template to the letter..several times :/

I go to Admin and select my new template (which shows up as a selection) and select it, update and then go to the layout boxes controller and reset.

Now when I log in to my shop site I get a white, blank page.

If I switch back to the responsive template again all is well.

I have definitely followed the instructions properly (as far as I can tell) so wonder if there are perhaps further steps to be done for the new version of ZC or the Responsive template?

Blank shop here:
http://.shake-the-tree.com/shop

Previously managed to customise my template on the old version of ZenCart so went into this with a fair degree of (misplaced) confidence in the product. Now feeling a little overwhelmed and beaten.

James

When you receive that whitescreen, there's a myDEBUG*.log file created in your store's /logs folder that identifies the details of the issue.
See: http://www.zen-cart.com/content.php?124-blank-page

I'm not sure what you're referencing when you say "I have followed the instructions for customising my own template to the letter." ... which instructions are those?

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.

Just upgraded a customer's site from 1.39 to 1.55. Just wanted to say thanks and congrats to Anne and those others that worked on this template. A little css tinkering and it looks and works great.

I have an issue. It seems that on a mobile you can only enter numeric information in the postcode box, yet on a desktop you can enter text or numeric.
Anyone else had this issue or know a way to rectify it?

Running version 1.5.5a
have recently tried installing Oneall social login which may have caused this issue although im not sure how?

Hi Ann

I love this new template. However, on the categories menu, I would like to remove categories and instead have the categories on the top level.

So instead of seeing categories > category 1, category 2, etc on the navigation instead I see category 1 > category 2 etc.

How can I achieve this?

Quote:

---

Originally Posted by CandleMan

I have an issue. It seems that on a mobile you can only enter numeric information in the postcode box, yet on a desktop you can enter text or numeric.
Anyone else had this issue or know a way to rectify it?

Running version 1.5.5a
have recently tried installing Oneall social login which may have caused this issue although im not sure how?

---

Just looking into this in more detail, the website returns the following when in "Mobile view"
<input type="number" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

However in desktop view it returns this
<input type="text" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

It seems that the responsive.mobile.css file is creating this from line 426.
Any suggestions on what to try?

Quote:

---

Originally Posted by CandleMan

Just looking into this in more detail, the website returns the following when in "Mobile view"
<input type="number" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

However in desktop view it returns this
<input type="text" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">

It seems that the responsive.mobile.css file is creating this from line 426.
Any suggestions on what to try?

---

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

Code:

---

$('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:

Code:

---

$('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();

---