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

I think posts 96 and 97 above will answer your question.

Hello All,

I have read through the thread and I must confess that it's a bit advanced for my newby mind. Maybe I missed it in all the tech talk but is there some place that explains how the responsive template included in v1.5.5a should be implemented?

I have not used a responsive template before so I am feeling my way along and am seeking some insight on the basics of these type templates. When I do a fresh install of 1.5.5a is the responsive (mobile friendly) part automatically activated or do I need to tweak something to make it work?

Thanks for any pointers or links that might help me spin up to speed on responsive components of this version.

MM

Which template Zen Cart uses is controlled in the admin back end under Tools. You might want to take a look at https://www.zen-cart.com/wiki/index....late_Selection and some of the other articles in the Wiki or FAQs

Quote:

---

Originally Posted by Music Man

When I do a fresh install of 1.5.5a is the responsive (mobile friendly) part automatically activated or do I need to tweak something to make it work?

---

Go to admin-tools-template selection, and choose responsive classic.

Quote:

---

Originally Posted by dbltoe

Which template Zen Cart uses is controlled in the admin back end under Tools. You might want to take a look at https://www.zen-cart.com/wiki/index....late_Selection and some of the other articles in the Wiki or FAQs

---

Thanks for the link.....I think part of my problem is that I don't know exactly what to look for....I've found that if you don't and you just rummage through the wiki and FAQs blindly you can burn a lot of time and still not find what you're looking for... I was just hoping someone might be able to point me to a shortcut....

Quote:

---

Originally Posted by swguy

Go to admin-tools-template selection, and choose responsive classic.

---

Thanks for the response SW.

I might not understand the basics of these responsive templates....

So if I "choose responsive classic".....does that change the webpage that a normal PC would see if they came to the site? Wouldn't want to sacrifice the site 'look' just to accommodate a lesser number of smart phones...

Quote:

---

Originally Posted by Music Man

So if I "choose responsive classic".....does that change the webpage that a normal PC would see if they came to the site? Wouldn't want to sacrifice the site 'look' just to accommodate a lesser number of smart phones...

---

a) Yes it changes the look for all devices
b) Whether it's a sacrifice or not is in the eye of the beholder. :)

Quote:

---

Originally Posted by swguy

a) Yes it changes the look for all devices
b) Whether it's a sacrifice or not is in the eye of the beholder. :)

---

Ahhh....IC. Well I suppose I could always switch back... :laugh:

I wonder if there's a comparison of how the 2 different looks would appear..... Just curious before I start all this what the outcome will look like....

Quote:

---

So if I "choose responsive classic".....does that change the webpage that a normal PC would see if they came to the site? Wouldn't want to sacrifice the site 'look' just to accommodate a lesser number of smart phones...

---

That "lesser number" is at 5 Billion with a B worldwide and climbing.

Quote:

---

Originally Posted by dbltoe

That "lesser number" is at 5 Billion with a B worldwide and climbing.

---

Heh-heh..... Well you'd have to see my current site....it's a little graphics intensive....so I was thinking of that older style.... I'm starting to realize that it will have to change to keep up with current trends.... I don't use my phone to shop so I guess that also influenced my thoughts. Thanks for the wake up call..... :smile:

I have added the Blank Sidebox plugin. On mobile, the Blank sidebox is showing up at the top of my homepage. So I edited /includes/templates/responsive_classic/jscript/jscript_responsive_framework.php and added the line $('#blanksidebox').css({ 'display': 'none', 'visibility': 'hidden' });
It worked for my iPhone but the Blank sidebox is still showing up on my iPad. Any suggestions? http://heelsforless.com

Hi All,

I'm beginning to like this Responsive Template after paying with it for a bit. I am still learning my way around and would appreciate a little assistance from the more knowledgeable to help me learn how to navigate better.

A couple of days ago I posted a question in the "Templates, Stylesheets, Page Layout" Forum that probably should have been posted here instead. I didn't get a lot of response so I thought I would ask for some help in this thread since my question was probably more of a Responsive template related question. I hope I'm not stepping on some forum rules but I'm justifying my action by the fact that I've learned a bit more and now realize I can probably expect more help if I post in the correct location.... :blush:

Could someone tell me how to center a graphic (logo.gif) in the header? I was able to find the Zen Logo that is displayed with the installation and replaced it with my logo but my standard html techniques for centering don't work. That header.php file appears to have some advanced code that I'm not familiar with so don't know how to crack the code and center my logo..... I'm not sure if that logo is being controlled by the header.php file or is it possible it's being controlled (positioned) by a stylesheet or some other file?

Any help would be greatly appreciated....

The "logo.gif" IS controlled by several stylesheets. Four for just the logoWrapper itself. Of course, not all control the width, height, centering, float, etc.
With so many stylesheets controlling an area/item, it's easy to make a change for something and it also affects something you didn't want to happen.
I can make the image center with the stylesheet BUT, in our case, I had to change three settings.
In your case, it may be as simple as adding a call to the bottom of the stylesheet.css like

PHP Code:

---

#logo {text-align: center;} 


---

We could do much better than a WAG if we had a link to your site.
If you use Firefox or (my current fav) Chrome for a browser, get the developer extensions installed. They really help you "see under the hood."

Quote:

---

Originally Posted by Music Man

Hi All,

I'm beginning to like this Responsive Template after paying with it for a bit. I am still learning my way around and would appreciate a little assistance from the more knowledgeable to help me learn how to navigate better.

A couple of days ago I posted a question in the "Templates, Stylesheets, Page Layout" Forum that probably should have been posted here instead. I didn't get a lot of response so I thought I would ask for some help in this thread since my question was probably more of a Responsive template related question. I hope I'm not stepping on some forum rules but I'm justifying my action by the fact that I've learned a bit more and now realize I can probably expect more help if I post in the correct location.... :blush:

Could someone tell me how to center a graphic (logo.gif) in the header? I was able to find the Zen Logo that is displayed with the installation and replaced it with my logo but my standard html techniques for centering don't work. That header.php file appears to have some advanced code that I'm not familiar with so don't know how to crack the code and center my logo..... I'm not sure if that logo is being controlled by the header.php file or is it possible it's being controlled (positioned) by a stylesheet or some other file?

Any help would be greatly appreciated....

---

If you post a link to your site I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by dbltoe

The "logo.gif" IS controlled by several stylesheets. Four for just the logoWrapper itself. Of course, not all control the width, height, centering, float, etc.
With so many stylesheets controlling an area/item, it's easy to make a change for something and it also affects something you didn't want to happen.
I can make the image center with the stylesheet BUT, in our case, I had to change three settings.
In your case, it may be as simple as adding a call to the bottom of the stylesheet.css like

PHP Code:

---

#logo {text-align: center;} 


---

We could do much better than a WAG if we had a link to your site.
If you use Firefox or (my current fav) Chrome for a browser, get the developer extensions installed. They really help you "see under the hood."

---

Thanks "toe"....I appreciate the thoughts.

The "

PHP Code:

---

#logo {text-align: center;} 


---

" didn't even phase it.....

Sorry for not including the site URL...I figured my question was general enough that it wouldn't be necessary to peek at the page.....I will include the link to the site below...it's in the early stages of design obviously....and the 'logo' is rather large...maybe too large..but right now I'm experimenting....I could always downsize if necessary...right now just trying to get it to work.

BTW.....could you offer any additional thoughts on the 'Wrapper" files you mentioned? For a non programmer it's not obvious what they do much less how they interact with everything. So not having a basic understanding makes it tough to try to adjust the look of things....since you don't know what you don't know.

I did a search on the site and didn't find much to help me regarding 'wrappers'. I have a copy of the manual (version 4) and I couldn't find any references to wrappers....and their site says they will not be doing an update of the manual/book for version 1.5.5. I hate that because that manual/book was very helpful in the past....sigh....

I appreciate the help...very much.

So, the site is: www.santatheclaus.com

Quote:

---

Originally Posted by Music Man

Thanks "toe"....I appreciate the thoughts.

The "

PHP Code:

---

#logo {text-align: center;} 


---

" didn't even phase it.....

Sorry for not including the site URL...I figured my question was general enough that it wouldn't be necessary to peek at the page.....I will include the link to the site below...it's in the early stages of design obviously....and the 'logo' is rather large...maybe too large..but right now I'm experimenting....I could always downsize if necessary...right now just trying to get it to work.

BTW.....could you offer any additional thoughts on the 'Wrapper" files you mentioned? For a non programmer it's not obvious what they do much less how they interact with everything. So not having a basic understanding makes it tough to try to adjust the look of things....since you don't know what you don't know.

I did a search on the site and didn't find much to help me regarding 'wrappers'. I have a copy of the manual (version 4) and I couldn't find any references to wrappers....and their site says they will not be doing an update of the manual/book for version 1.5.5. I hate that because that manual/book was very helpful in the past....sigh....

I appreciate the help...very much.

So, the site is: www.santatheclaus.com

---

On line 30 of the stylesheet.css file remove the float:left; and add text-align:center.

Thanks,

Anne

more on wrappers later but here's what you will need to do.
On line 30 of includes/templates/responsive_classic/css/stylesheet.css you will need to remove the #logo call from there. I looks like

Code:

---

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

change to

Code:

---

/*#logo, */.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

That stops the float left that keeps the logo on the left side of the page.

Then, change line 128 of the same file from

Code:

---

#logo{margin:10px 0;}

---

to

Code:

---

#logo{margin:10px 0;text-align: center;}

---

Quote:

---

Originally Posted by dbltoe

more on wrappers later but here's what you will need to do.
On line 30 of includes/templates/responsive_classic/css/stylesheet.css you will need to remove the #logo call from there. I looks like

Code:

---

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

change to

Code:

---

/*#logo, */.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

That stops the float left that keeps the logo on the left side of the page.

Then, change line 128 of the same file from

Code:

---

#logo{margin:10px 0;}

---

to

Code:

---

#logo{margin:10px 0;text-align: center;}

---

---

Yes, that is correct. It's been a long day for me ;)

Thanks,

Anne

Cascading Style Sheets (CSS) are the modern day way to control the look of a site. Each file for a site will have the extension .css and each will load when the site loads. They control everything from what the text will look like to how the site will print on a printer.
Stylesheets use wrappers to define areas in a site. Wrappers are like boxes, file cabinets, or the folders on your computer. Drive C:/ in windoze is an overall folder. Under it is the desktop, documents, downloads, etc. Each of those "wrappers" contain the contents of the area not unlike a file cabinet has drawers and folders. The headerWrapper contains all the header elements including some other wrappers. navMainWrapper (the "black stripe" at the top of your site), logoWrapper (contains the logo.gif), and navCatTabsWrapper (the "blue stripe" on your site) are the main ones in the headerWrapper.
Each wrapper has items contained in it listed as div (think of it as a folder in a file drawer). Inside the div (in this case the #logo div) we see what is being used for the logo. In your site, it tells us that the image is logo.gif located at includes/templates/template_default/images/logo.gif. It also gives us the alt text and title for the image. BTW, you should copy the logo.gif to the includes/templates/responsive_classic/images folder so you don't lose it later on an upgrade.
The next wrapper after the headerWrapper is the contentMainWrapper which contains all the information for the left and right columns along with the center column contents.
So, everything above the two side columns (Categories and New Products [more]) is part of the headerWrapper.
Google css3 for beginners for some excellent guides and tutorials.
Everything is a learning experience AND opportunity. As they say, "Learning is FUNdamental."

Quote:

---

Originally Posted by picaflor-azul

Yes, that is correct. It's been a long day for me ;)

Thanks,

Anne

---

More than happy to help out. Thanks for all you do.:hug:

Quote:

---

Originally Posted by dbltoe

more on wrappers later but here's what you will need to do.
On line 30 of includes/templates/responsive_classic/css/stylesheet.css you will need to remove the #logo call from there. I looks like

Code:

---

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

change to

Code:

---

/*#logo, */.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

---

That stops the float left that keeps the logo on the left side of the page.

Then, change line 128 of the same file from

Code:

---

#logo{margin:10px 0;}

---

to

Code:

---

#logo{margin:10px 0;text-align: center;}

---

---

Thanks again "toe"....

I made the changes but it didn't change the look at all.... Even tried 3 different browsers....

I must not be holding my mouth right! :D

Quote:

---

Originally Posted by dbltoe

Cascading Style Sheets (CSS) are the modern day way to control the look of a site. Each file for a site will have the extension .css and each will load when the site loads. They control everything from what the text will look like to how the site will print on a printer.
Stylesheets use wrappers to define areas in a site. Wrappers are like boxes, file cabinets, or the folders on your computer. Drive C:/ in windoze is an overall folder. Under it is the desktop, documents, downloads, etc. Each of those "wrappers" contain the contents of the area not unlike a file cabinet has drawers and folders. The headerWrapper contains all the header elements including some other wrappers. navMainWrapper (the "black stripe" at the top of your site), logoWrapper (contains the logo.gif), and navCatTabsWrapper (the "blue stripe" on your site) are the main ones in the headerWrapper.
Each wrapper has items contained in it listed as div (think of it as a folder in a file drawer). Inside the div (in this case the #logo div) we see what is being used for the logo. In your site, it tells us that the image is logo.gif located at includes/templates/template_default/images/logo.gif. It also gives us the alt text and title for the image. BTW, you should copy the logo.gif to the includes/templates/responsive_classic/images folder so you don't lose it later on an upgrade.
The next wrapper after the headerWrapper is the contentMainWrapper which contains all the information for the left and right columns along with the center column contents.
So, everything above the two side columns (Categories and New Products [more]) is part of the headerWrapper.
Google css3 for beginners for some excellent guides and tutorials.
Everything is a learning experience AND opportunity. As they say, "Learning is FUNdamental."

---

Wow...that was very helpful....Thanks for the 'tut'.... Especially the css3 reference.....and explaining what's in the wrappers was excellent...I was going after some of those areas once I get the header squared away and now I know where to at least start looking.

You're learning what NOT to do with stylesheets. ANYTHING that has the .css extension WILL load with the site.
If you want to save an "original" version of the stylesheet, DO NOT save it as sytlesheet_original.css. IT WILL LOAD and mess with your life.
Start making a habit of changing the extension to your initials. stylesheet.jet will not load.
The float you removed in the stylesheet.css is being reloaded by stylesheet_ORIGINAL.css

Quote:

---

Originally Posted by dbltoe

You're learning what NOT to do with stylesheets. ANYTHING that has the .css extension WILL load with the site.
If you want to save an "original" version of the stylesheet, DO NOT save it as sytlesheet_original.css. IT WILL LOAD and mess with your life.
Start making a habit of changing the extension to your initials. stylesheet.jet will not load.
The float you removed in the stylesheet.css is being reloaded by stylesheet_ORIGINAL.css

---

Oh MY! I shot myself in the foot! And I thought I was being smart.... HA....

That did it.....Thanks for the help....

I hope I can beg 1 more question?

How do I get rid of the ads in the footer? I tried eliminating the banner 5 out of the tpl footer file but that didn't seem to do the trick...

Backups ARE smart. You just have to be careful how they're done. Stylesheet backups should never have .css. File backups should never have .old or .bak. That's why I use .jet. Won't work well if your name is John Paul Getty:P

Quote:

---

Originally Posted by dbltoe

Backups ARE smart. You just have to be careful how they're done. Stylesheet backups should never have .css. File backups should never have .old or .bak. That's why I use .jet. Won't work well if your name is John Paul Getty:P

---

Heh-heh.... good one...

BTW....I was modifying the post when you wrote this....did you happen to see my question on footer? Sorry to be such a pain but I feel like I'm on a roll now....and you gotta know it's ALWAYS a good thing when you can help out old Santa! :P

Messing with stylesheets is one thing but, when you start messing with the PHP code, it generally turns out more "naughty" than "nice." Adjust your banners and sideboxes in the Tools menu of the admin.

Quote:

---

Originally Posted by dbltoe

Messing with stylesheets is one thing but, when you start messing with the PHP code, it generally turns out more "naughty" than "nice." Adjust your banners and sideboxes in the Tools menu of the admin.

---

Yeah....I knew I could turn the footer off in the Tools menu.....didn't realize I could "adjust" banners there too....

Thanks for all your help.... You've been very generous with your knowledge....

Quote:

---

Originally Posted by pixelpadre

Ah.

So your fix wont work because ez pages wont be displayed on the off canvas mobile menu unless ez pages is checked for Header.

---

Is there anyway to make these show on the mobile phone template without setting them to Header? I want them on mobile but I don't want the header on the full size template. BTW the menu shows on mobile but shows zero entries...

Quote:

---

Originally Posted by gruntre69

Is there anyway to make these show on the mobile phone template without setting them to Header? I want them on mobile but I don't want the header on the full size template. BTW the menu shows on mobile but shows zero entries...

---

The beauty of responsive is that you can do something different with almost every size and shape.

You can turn the header off in everything but mobiles and tablets and turn it on for only portrait or landscape. You just put the entries in the proper stylesheet.

You'll find that the responsive_tablet and responsive_mobile have both landscape and portrait sections. Be careful not to delete a random } They work around a lot of calls to make the different "looks."

BTW, remember that ezpages will not show up if they do not have a sort order. Common mistake to just turn on the footer or header and forget to give the pages a sort order.

How do I move the Featured Products to display at the top of the main page over the content that I edited in define_main_page.php ? I had it this way in my old site: http://harmonyhearsahoot(dot)com/ but on my new test site, I cannot figure it out!
http://gator2015.hostgator(dot)com/~...mony/index.php

It's just a matter of rearranging the divs (chapters) of the main page so that featured products (chapter 5?) comes before main content (chapter 1).:P
I'm not sure your decision(s) is going to work well for you BUT here is not the place to discuss. If you post in the review section, we can continue the discussion.

Quote:

---

Originally Posted by dbltoe

It's just a matter of rearranging the divs (chapters) of the main page so that featured products (chapter 5?) comes before main content (chapter 1).

---

Hi, and thanks for your reply. Which file can I find these chapters to rearrange?

includes/templates/responsive_classic/templates/tpl_index_product_list.php

Quote:

---

Originally Posted by dbltoe

includes/templates/responsive_classic/templates/tpl_index_product_list.php

---

Thanks, this worked nicely!
I have another question now. How do I edit the items listed in the menu drop down when viewing the mobile version of the site? For example, I want to remove the 'Important Links' option and possibly display the a subcategory instead of the top-level category.
Attachment 16454
Thanks in advance!

Quote:

---

Originally Posted by augie0041

How do I edit the items listed in the menu drop down when viewing the mobile version of the site? For example, I want to remove the 'Important Links' option and possibly display the a subcategory instead of the top-level category.

---

/includes/templates/YOUR_CUSTOM_responsive_classic_FOLDERNAME/templates/tpl_modules_mobile_menu.php

How to get language (and currencies) selection in header of mobile version (and desktop) ?
i have Responsive Classic (built in to Zen Cart v1.5.5a) installed and have a multi language sidebox in the desktopversion.
But on the mobileversion i dont have the multi language selection.
In my layout boxes controller are the files header_language and header_currencies missing.
i find an old plugin from 2006, Language/Currency Links in Header, https://www.zen-cart.com/downloads.php?do=file&id=30
Can i use this plugin (and will it work for mobile) or is there a better way to get multilanguage on my mobile version?

this is my site: http://www.xcellentrider.com/site-xcellentpro/

thanks for your help.

Quote:

---

Originally Posted by DrByte

/includes/templates/YOUR_CUSTOM_responsive_classic_FOLDERNAME/templates/tpl_modules_mobile_menu.php

---

Hi DrByte, thanks for pointing me toward that page. It is pretty intense and I'm not sure what I should change in order to remove the 'Important Links' option, maybe change "New Products..." to "Featured Products", and remove the categories option (since I only have one category).

Quote:

---

Originally Posted by augie0041

Hi DrByte, thanks for pointing me toward that page. It is pretty intense and I'm not sure what I should change in order to remove the 'Important Links' option, maybe change "New Products..." to "Featured Products", and remove the categories option (since I only have one category).

---

Actually, I figured it out. (If anyone's curious) The "New Products" option disappeared when i changed the Categories Box - Show Products New Link in Admin>Layout Settings. then I was able to remove the "Additional Information" options by commenting out lines 88 - 122 in the tpl_modules_mobile_menu.php file.
thanks again!

Hi,
I have noticed that the expages titles in the table content would run outside the frame if the title is as long as it is allowed by the ezpages creation mdule.
This happens with smartphone and tablet.
The gray frame would stretch but not the text.
A fix to this would be welcome.
Thanks
enzo

@enzo-ita
A link to this happening would also be welcome.

Quote:

---

Originally Posted by dbltoe

@enzo-ita
A link to this happening would also be welcome.

---

Hi, here we go http://zc155.acq uatua.it/index.php?main_page=page&id=1&chapter=10&zenid=572b94c14a99c6b285fe1b7e90fe90cf
Whtch this with chrome or firefox on a smartphone.
Ciao ciao

yep, I see the same thing with long ez page titles on my vanilla v155 install with the only changes being the items listed in the "known bugs" thread.

I can't even edit any of the demo ez pages text without either a 404 error

I did manage to edit a demo ezpages title to reproduce what you are describing.

The 403 error when attempting to add text to one of the demo ezpages titles triggered something on the server firewall and has blacklisted me from accessing any portion of my sandbox webserver so I am stuck until the host either whitelists my IP and/or figures out what triggered the block.

Depending on the stylesheet modifications you have made, look around line 178 of the original includes/templates/responsive_classic/css/stylesheet.css change

Code:

---

#navEZPagesTOC ul li {white-space:nowrap;font-size:130%;line-height:150%;}

---

to

Code:

---

#navEZPagesTOC ul li {/*white-space:nowrap;*/font-size:130%;line-height:150%;}

---

This comments out the call that does not allow the sentences to wrap on smaller widths.
I haven't seen where this will create any other problems but let us know if it does.

Quote:

---

Originally Posted by dbltoe

Depending on the stylesheet modifications you have made, look around line 178 of the original includes/templates/responsive_classic/css/stylesheet.css change

Code:

---

#navEZPagesTOC ul li {white-space:nowrap;font-size:130%;line-height:150%;}

---

to

Code:

---

#navEZPagesTOC ul li {/*white-space:nowrap;*/font-size:130%;line-height:150%;}

---

This comments out the call that does not allow the sentences to wrap on smaller widths.
I haven't seen where this will create any other problems but let us know if it does.

---

TNX dbltoe,
That solves that issue for now.

Any idea why editing this page (This is a vanilla v155 install with only the bugfile edits made.
http://srevaewniahcDOTinfo/155a/inde...=14&chapter=10

causes a 403 error? Not a coder but I see some reference to 403 Forbidden in the viewsource

Right now, we're not sure if the 403 error is being generated by a server mod_security rule or zencart.

Not really the thread for it but I get no 403 when doing a simple edit of that ezpage.
Any editor loaded or plain ZC?
Can you be more specific as to what you changed?
Do you have another thread where we can discuss this?

Quote:

---

Originally Posted by dbltoe

Do you have another thread where we can discuss this?

---

Sorry. Should have known better than to attempt discussion in more than one place. Thanks for reminding me.

https://www.zen-cart.com/showthread....rver-403-error

A catch?
Clean install, 1.5.5a
Creating an account using mobile device (Samsung Note) click in the Zip Code field, the phone numeric keypad opens, very handy, but some countries use alphanumeric codes, yet thekkeypad forces the numeric pad only.

Great Template!!! Thanks,

I am having a display issue on my product_info page. When a product is selected the text is out of alignment and no shaded boxes or css button to Add to Cart. This occurs for all devices. The link to my site is: http://www.allmart.ca/store/.

Thanks in advance for your help.

Quote:

---

Originally Posted by picandnix

A catch?
Clean install, 1.5.5a
Creating an account using mobile device (Samsung Note) click in the Zip Code field, the phone numeric keypad opens, very handy, but some countries use alphanumeric codes, yet thekkeypad forces the numeric pad only.

---

See the notes I posted here: https://github.com/zencart/zencart/issues/993 ... for the filename and what line/s to edit.

Quote:

---

Originally Posted by DrByte

See the notes I posted here: https://github.com/zencart/zencart/issues/993 ... for the filename and what line/s to edit.

---

The Doc, always ahead of the game.

I would like to change the size of the header and footer to match the content (75%). But when I change it in stylesheet, something is over-riding it....

http://www.faithsisters.com/store/

Thank you :)

I wonder what happened to my post about the menu... I put the menu under the header.... I manually added the log in / out and my account buttons using ez pages. Can I remove the upper red bar at the top? If we can at least get it to show smaller width that would work as well....

I also noticed some funky things.... if I hover over the product image, the background shows thru... http://www.faithsisters.com/store/

the product page also has the background showing thru behind the manufacturer image and the big gray box... http://www.faithsisters.com/store/in...&products_id=1

I am not finding what these are called....

thanks

I did fix the issues on the product page - stylsheet_colors

Quote:

---

Originally Posted by augie0041

Thanks, this worked nicely!
I have another question now. How do I edit the items listed in the menu drop down when viewing the mobile version of the site? For example, I want to remove the 'Important Links' option and possibly display the a subcategory instead of the top-level category.
Attachment 16454
Thanks in advance!

---

Quote:

---

Originally Posted by DrByte

/includes/templates/YOUR_CUSTOM_responsive_classic_FOLDERNAME/templates/tpl_modules_mobile_menu.php

---

Turns out that the "Important Links" section in the above module needs a little restructuring, since the label displays even if there aren't any EZ-pages to display.

Starting at line 125, currently:

Code:

---

    <li><span><?php echo BOX_HEADING_EZPAGES; ?></span>
      <ul>
<?php
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
  if (sizeof($var_linksList) >= 1) {
    for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
      echo '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n";
    }
  }
?>
    </ul>
    </li>

---

should be changed to the following so that the section displays only if there are items to follow (moving the heading <li> and associated <ul> "under" the if-statement):

Code:

---

<?php
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
  if (sizeof($var_linksList) >= 1) {
?>
    <li><span><?php echo BOX_HEADING_EZPAGES; ?></span>
      <ul>
<?php
    for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
      echo '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n";
    }
?>
      </ul>
    </li>
<?php
  }
?>

---

I have resolved the hover issue...

these 2 lines

Code:

---

input:focus, select:focus, textarea:focus, #mainWrapper,  #sendSpendWrapper {background:#f4f4f4;background-image: url(../images/bg_fs.jpg);}
.specialsListBoxContents:hover, .centerBoxContentsSpecials:hover, .centerBoxContentsAlsoPurch:hover, .centerBoxContentsFeatured:hover, .centerBoxContentsNew:hover, .categoryListBoxContents:hover, .sideBoxContentItem:hover,  .productListing-odd, {background:#f4f4f4;}

---

were on 1 line (19 of stylesheet). I separated the hover ones and "Odd" so they would only have color and not background. So that seems to fix the problem....

BUT - when I refresh the page http://www.faithsisters.com/store/ it is all wonky as it is reloading. I want to make sure I did not mess up something...

Thank you :)

You might want to take a look at https://www.zen-cart.com/downloads.php?do=file&id=2088. It is a method change colors without running into the problems of several things mixed in a stylesheet call.

As an aside, be sure to take a look at all your pages in mobile view. iPhone 6S is one of the larger portrait mobile screens. With the added images, http://www.faithsisters.com/store/in...x&cPath=32_119 does not show a product without some serious scrolling. http://www.faithsisters.com/store/in...x&cPath=32_121 is even more so.

Hi, I know Responsive Classic is part of 1.5.5. But want to know how to put this in 1.5.4 version. How many files need to move. Do i need any big code change.

I tried but getting error.

Regards
Mandeep

Quote:

---

Originally Posted by Mandeep

Hi, I know Responsive Classic is part of 1.5.5. But want to know how to put this in 1.5.4 version. How many files need to move. Do i need any big code change.

---

Two options:

RECOMMENDED: upgrade to v155 so that you get the benefit of the bugfixes over 154 and full capabilities of the new template

TEMPORARY ALTERNATE: use one of the many responsive plugin templates built for v154, as a temporary step until you upgrade to v155

Thanks for response Dr Byte,

It seems working fine. I am getting error if some one open website on mobile.

Error

Hi, Getting this errors.

[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 113
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 114
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 116
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 117
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 113
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 114
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 116
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 117

Regards

Mandeep

Quote:

---

Originally Posted by Mandeep

It seems working fine. I am getting error if some one open website on mobile.

Error

Hi, Getting this errors.

[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 113
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 114
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 116
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 117
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 113
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 114
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 116
[16-Jul-2016 07:18:15 Canada/Mountain] PHP Warning: Division by zero in /home/public_html/includes/classes/split_page_results.php on line 117

---

It seems as though that file is damaged, because it's pretty much impossible for the official contents of that file to create those kinds of errors on those consecutive line numbers, unless the file has been altered or damaged.

Did you actually upgrade to 155?

No, did upgraded to 1.5.5, as i am using 1.5.4 which is available at godaddy. and did lots of acculturation.

This seems coming from here. i an thinking to wrap this processing code in a conditional so it doesn't run when first open the page.

$cur_window_num = intval($this->current_page_number / $max_page_links);
if ($this->current_page_number % $max_page_links) $cur_window_num++;

$max_window_num = intval($this->number_of_pages / $max_page_links);
if ($this->number_of_pages % $max_page_links) $max_window_num++;

Sorry, No, did not upgraded to 1.5.5, as i am using 1.5.4 which is available at godaddy. and I did lots of alteration .

This seems coming from here. i am thinking to wrap this processing code in a conditional so it doesn't run when first open the page.

$cur_window_num = intval($this->current_page_number / $max_page_links);
if ($this->current_page_number % $max_page_links) $cur_window_num++;

$max_window_num = intval($this->number_of_pages / $max_page_links);
if ($this->number_of_pages % $max_page_links) $max_window_num++;

The "responsive classic" template is designed for ZC v1.5.5, and is NOT compatible with ZC v1.5.4.

There ARE numerous other template addons for v1.5.4 which are responsive.

If you are using v1.5.4 then your ongoing problems should be discussed in a separate new discussion thread, not in this one about Responsive Classic in v1.5.5.


I suspect your problems are a result of a bad install. Perhaps you should ask GoDaddy to upgrade their Zen Cart install to a modern version.

For some reason, the login page's onload processing no longer places focus on the login form's email_address field. Is that, perhaps, a change in HTML5 handling?

Quote:

---

Originally Posted by lat9

For some reason, the login page's onload processing no longer places focus on the login form's email_address field. Is that, perhaps, a change in HTML5 handling?

---

Even weirder, on my local non-SSL XAMPP installation, the focus occurs properly. The same file-set, running in a subfolder in an SSL-enabled site, does not perform the focus.

Quote:

---

Originally Posted by lat9

For some reason, the login page's onload processing no longer places focus on the login form's email_address field. Is that, perhaps, a change in HTML5 handling?

---

It's no longer using "onload" events. It's simply using the HTML5 "autofocus" attribute. I guess if the browser doesn't support HTML5 then that feature is lost for those lagging behind.

Quote:

---

Originally Posted by DrByte

It's no longer using "onload" events. It's simply using the HTML5 "autofocus" attribute. I guess if the browser doesn't support HTML5 then that feature is lost for those lagging behind.

---

Hmm, I see that the focus is being placed when using Chrome and IE-11 (!), but not with FireFox (47.0).

Quote:

---

Originally Posted by lat9

Hmm, I see that the focus is being placed when using Chrome and IE-11 (!), but not with FireFox (47.0).

---

Just tested on FF 47.0.1 (Mac), and the focus is auto-set to the email field when I access the login page.

Quote:

---

Originally Posted by lat9

Hmm, I see that the focus is being placed when using Chrome and IE-11 (!), but not with FireFox (47.0).

---

Works fine for me on FF 47.0 (Linux Mint 17.3)

I am hoping that someone can give me some guidance. I have a field in my database "products_upc" that I been able to to display on my product info page by modifying main_template_vars.php and tpl_product_info_display.php. I want to also display this field when I select All Products but can't figure it out.

Please reply in this thread: How do I display content of 'products_upc' in Responsive Classic template?

Thanks!

Hi all,

Is there any way of having a 'switch to desktop' link displayed for mobile & tablet users with this template? I know some website visitors prefer to have the option to access a full desktop website layout on other devices (me being one of them). I can't seem to get this to work. I've tried clicking on the example links in the default main page define page via a mobile, but it won't switch to desktop.

Any thoughts?


Thanks!

Quote:

---

Originally Posted by bottyz

Hi all,

Is there any way of having a 'switch to desktop' link displayed for mobile & tablet users with this template? I know some website visitors prefer to have the option to access a full desktop website layout on other devices (me being one of them). I can't seem to get this to work. I've tried clicking on the example links in the default main page define page via a mobile, but it won't switch to desktop.

Any thoughts?


Thanks!

---

What phone and browser are you viewing on?
It's your device that is forcing mobile view. Some browsers will allow you to select desktop/mobile view.
I think to give the option to your customers from your store then you'll need to have a desktop AND responsive template linked. I do remember doing just that sometime ago and I got the code *somewhere* in the ZC forums.
Not much help I know but it can be done.

Quote:

---

Originally Posted by bottyz

Hi all,

Is there any way of having a 'switch to desktop' link displayed for mobile & tablet users with this template? I know some website visitors prefer to have the option to access a full desktop website layout on other devices (me being one of them). I can't seem to get this to work. I've tried clicking on the example links in the default main page define page via a mobile, but it won't switch to desktop.

Any thoughts?


Thanks!

---

possibly relevant...https://www.zen-cart.com/showthread....ter-New/page77

Quote:

---

Originally Posted by aurelius

How to get language (and currencies) selection in header of mobile version (and desktop) ?
i have Responsive Classic (built in to Zen Cart v1.5.5a) installed and have a multi language sidebox in the desktopversion.
But on the mobileversion i dont have the multi language selection.
In my layout boxes controller are the files header_language and header_currencies missing.
i find an old plugin from 2006, Language/Currency Links in Header, https://www.zen-cart.com/downloads.php?do=file&id=30
Can i use this plugin (and will it work for mobile) or is there a better way to get multilanguage on my mobile version?

this is my site: http://www.xcellentrider.com/site-xcellentpro/

thanks for your help.

---

I'd like the same advice please - I need a currencies selector somewhere in the tablet and mobile "pull-out" menu. Or, perhaps constant in the header. I sell to 22 different countries and have GBP, USD, CAD, AUD, EUR and NZD as options.

Quote:

---

Originally Posted by schoolboy

I'd like the same advice please - I need a currencies selector somewhere in the tablet and mobile "pull-out" menu. Or, perhaps constant in the header. I sell to 22 different countries and have GBP, USD, CAD, AUD, EUR and NZD as options.

---

You could probably adapt the currencies' sidebox elements into the mobile-menu display (/includes/templates/responsive_classic/templates/tpl_modules_mobile_menu.php).

Hello,

I am trying to adjust the button heights and menu headings (padding/margin) without any success. I have tried modifying the various css files but am obviously changing the wrong files. Ultimately I am trying to reduce the heights and any guidance will be appreciated.

Quote:

---

Originally Posted by allmart

Hello,

I am trying to adjust the button heights and menu headings (padding/margin) without any success. I have tried modifying the various css files but am obviously changing the wrong files. Ultimately I am trying to reduce the heights and any guidance will be appreciated.

---

For template-related issues like this, it's very hard to help you (and often hard to understand your desired goal) without seeing your actual site. Please provide the URL so someone can take a look and perhaps offer some guidance.

sorry the site address is: allmart.ca/store
Work in progress!!!

Quote:

---

Originally Posted by allmart

Hello,

I am trying to adjust the button heights and menu headings (padding/margin) without any success. I have tried modifying the various css files but am obviously changing the wrong files. Ultimately I am trying to reduce the heights and any guidance will be appreciated.

---

What about the heights are you finding to be a problem, and why? Is this in desktop mode? or in mobile?

help question, How to get logo in mainwrapper instead of under mainwrapper

My logo is in logowrapper under mainwrapper but i want it on top of my site in the mainwrapper but till now no succes.
I appreciate assistance.

site http://www.xcellentrider.com/
i want it like this:
http://equestrianexport.com/

I have another question :
on my desktop version i have a background arround the body and how do i disable the background on the mobileversion so that the body will be 100%

v155a responsive classic buildin template
thanks

Never mind if figured it out, just wanted to streamline the content to better fit on main page.
I do have an issue and would appreciate some guidance. I prefer the look of the product info page where add to cart box is located at the far right (see image below)
Attachment 16588
Listed below are images of both the New Products Listing and All Products listing. Both have the add to cart box and model number underneath the product image. I would like to have them both on the far right similar to product info page and parallel to the product image.
Attachment 16589
Attachment 16590

Thanks in advance.

Quote:

---

Originally Posted by allmart

Never mind if figured it out, just wanted to streamline the content to better fit on main page.
I do have an issue and would appreciate some guidance. I prefer the look of the product info page where add to cart box is located at the far right (see image below)
Attachment 16588
Listed below are images of both the New Products Listing and All Products listing. Both have the add to cart box and model number underneath the product image. I would like to have them both on the far right similar to product info page and parallel to the product image.
Attachment 16589
Attachment 16590

Thanks in advance.

---

Those pages have always been designed to support two columns of information, as you see now. You can control the placement of items in which column and in which sort order within each column via Admin->Configuration->All Listing (and New Listing, etc).
Unfortunately I suspect you're asking for a 3rd column, which isn't supported by those configuration settings. To add that you'd need to assign numbers starting with "3", and then edit the tpl_modules_products_all_listing.php and add another <div> and loop thru the settings using the range of "3000-3999". Repeat for tpl_modules_products_new_listing.php

DrByte

Thanks for your prompt reply. I am sorry but don't quite understand your solution and am hoping that you could please be more specific.

I think I'm in over my head.

Is this template supposed to display the mobile version on the very first visit to the site, or, just after their first click? For new mobile devices, it only seems to display properly after the first click. The first page visited is not rendered well at all. So, curious if this is how it is supposed to be or not.

Quote:

---

Originally Posted by sfatula

Is this template supposed to display the mobile version on the very first visit to the site, or, just after their first click? For new mobile devices, it only seems to display properly after the first click. The first page visited is not rendered well at all. So, curious if this is how it is supposed to be or not.

---

Yes, it should display properly on first visit. Something's amuck with yours. See the discussion in your other thread on the subject.

Quote:

---

Originally Posted by lat9

You could probably adapt the currencies' sidebox elements into the mobile-menu display (/includes/templates/responsive_classic/templates/tpl_modules_mobile_menu.php).

---

Hi, I am having the same problem with the currency and language selector.
These are a functionality present in the tablet and pc layout but they can not be used in the cellphone layout, because they live in a sidebox, and sideboxes are not shown in the cellphone layout. While all the other sideboxes can be actually avoided these two should not. In my opinion they should be included in the hamburger menu that is the first thing someone would touch in case of difficulty using the site. Obviously they should appear in the hamburger menu only if more than one language or currency is allowed for the site.
Ciao from Italy.
enzo

Quote:

---

Originally Posted by DrByte

Yes, it should display properly on first visit. Something's amuck with yours. See the discussion in your other thread on the subject.

---

Perfect, thanks! I will resolve then. Just wanted to know if it should. It really looks nice on a mobile device (for me after the first visit). Very nice.

I have found a plugin to add a phone number to the contact form. I want to add the company name as well but can't find a plugin and would appreciate some direction.

Thanks,

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

---