Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

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

Sticky

Views: 361,758

Results 201 to 220 of 1,084
12 Sep 2016, 6:21 PM
#201
candleman avatar

candleman

Zen Follower

Join Date:
May 2008
Posts:
183
Plugin Contributions:
0

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

lat9:

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();
[B]<?php
/* ----- Don't force postcode to all numbers -----[/B]
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
[B]*/
?>[/B]
$('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

13 Sep 2016, 7:06 PM
#202
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,763
Plugin Contributions:
9

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

next time, I should refresh first:blush:

13 Sep 2016, 10:03 PM
#203
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

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

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.
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)

16 Sep 2016, 2:09 PM
#204
allmart avatar

allmart

Zen Follower

Join Date:
Feb 2016
Location:
Canada
Posts:
192
Plugin Contributions:
0

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

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

19 Sep 2016, 10:19 AM
#205
jpirie avatar

jpirie

New Zenner

Join Date:
Apr 2015
Location:
Assynt, North West Highlands of Scotland
Posts:
24
Plugin Contributions:
0

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

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:
https://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

19 Sep 2016, 10:22 AM
#206
design75 avatar

design75

Totally Zenned

Join Date:
Dec 2009
Location:
Amersfoort, The Netherlands
Posts:
2,862
Plugin Contributions:
5

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

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

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

20 Sep 2016, 7:28 AM
#207
spminis avatar

spminis

Zen Follower

Join Date:
Feb 2015
Location:
USA
Posts:
194
Plugin Contributions:
0

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

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
https://www.spminiatures.com
Thanks for any help

20 Sep 2016, 4:21 PM
#208
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,763
Plugin Contributions:
9

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

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 helpYou 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.

20 Sep 2016, 5:17 PM
#209
jpirie avatar

jpirie

New Zenner

Join Date:
Apr 2015
Location:
Assynt, North West Highlands of Scotland
Posts:
24
Plugin Contributions:
0

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

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

20 Sep 2016, 6:34 PM
#210
jpirie avatar

jpirie

New Zenner

Join Date:
Apr 2015
Location:
Assynt, North West Highlands of Scotland
Posts:
24
Plugin Contributions:
0

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

Design75:

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

20 Sep 2016, 6:37 PM
#211
jpirie avatar

jpirie

New Zenner

Join Date:
Apr 2015
Location:
Assynt, North West Highlands of Scotland
Posts:
24
Plugin Contributions:
0

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

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

Sorry people, forgot to quote what I was responding to...Can't edit the post so am replying with the quote that should have been...if you see what I mean ;)

-------Responding to this quote----------


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

21 Sep 2016, 12:23 PM
#212
tom50 avatar

tom50

New Zenner

Join Date:
Oct 2009
Posts:
11
Plugin Contributions:
0

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

Hi Anne

I really like the new responsive template, thank you. I would like to add some a-hover to the categories and info menu on left side of pc version and am a little confused about which style sheet and what element I should start with. Can you point me in the right direction?
Site is at http://orders.leinbachs.com/
Thanks in advance

21 Sep 2016, 2:02 PM
#213
spminis avatar

spminis

Zen Follower

Join Date:
Feb 2015
Location:
USA
Posts:
194
Plugin Contributions:
0

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

dbltoe:

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.

Thank you, that did the trick.
My next problem (I take 'em one at a time), is with the product listing pages. The top columns are ok (model #, price, etc are listed horizontally) but the product listings are listed vertically. The model #, description and price are listed under the image instead of across in a row under the headings.

Thanks again!
Carol

23 Sep 2016, 4:13 AM
#214
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,763
Plugin Contributions:
9

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

That is the productDetailList box that appears in five different template files. Found in the yoursiteDOTcom/includes/templates/yourTemplate/templates/something_info_display.php files.
You'll probably find it in the file between "bof productDetailsList" and "eof productDetailsList."
Adjust away. That's the beauty of open source.

23 Sep 2016, 8:34 AM
#215
spminis avatar

spminis

Zen Follower

Join Date:
Feb 2015
Location:
USA
Posts:
194
Plugin Contributions:
0

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

Thank you for your prompt response. I will do that

Carol

3 Oct 2016, 6:53 AM
#216
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

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

if I want to use MobiZenCart by ultimate_zc do I have to delete all responsive files in Responsive Classic before installing MobiZenCart?

cheers,
Mike

3 Oct 2016, 7:21 AM
#217
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

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

shags38:

if I want to use MobiZenCart by ultimate_zc do I have to delete all responsive files in Responsive Classic before installing MobiZenCart?

cheers,
Mike

Don't do that - it's a separate template.

5 Oct 2016, 12:54 PM
#218
lina0962 avatar

lina0962

Zen Follower

Join Date:
Jun 2006
Posts:
403
Plugin Contributions:
0

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

I just upgraded to V. 1.5.5. Here is a very dum question: what is the responsive_classic template for? Is it for mobile compatible? Do I need to change the folder name to the responsive_**** to match my self-set template name?

5 Oct 2016, 3:45 PM
#219
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

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

lina0962:

I just upgraded to V. 1.5.5. Here is a very dum question: what is the responsive_classic template for? Is it for mobile compatible?

responsive_classic is a mobile-friendly template. You can use it if you wish.
Or you can use your own template as long as it's been upgraded to be compatible with v155.

lina0962:

Do I need to change the folder name to the responsive_**** to match my self-set template name?
You are welcome to make a copy of responsive_classic if you wish. Be mindful that there are several other places where override foldernames would need to be copied as well (such as in /includes/languages and subdirectories, and /includes/modules, etc)

6 Oct 2016, 3:43 AM
#220
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,763
Plugin Contributions:
9

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

The easiest method for retaining and modifying the responsive_classic is to use lat9s Clone a Template mod. Clone Responive_Classic to whatever name you want then, modify the new template whatever way you need. You will then have the Responsive_Classic as something to fall back on.
You might want to look at the link in my sig for a quick way to modify the template.