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

[muteyaar]

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

[DrByte]

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.

[jpirie]

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

[lat9]

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?

[bottyz]

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.

[denison]

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.

[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?

[dharrison]

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?

[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?

[lat9]

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:

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