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

Rather than use the define pages editor, I tend to do everything with ezpages, I've disabled the information sidebox, so this doesn't show in desktop.

So how do I prevent 'information' from showing up in the menu on mobile/tablet?

TIA.

Justrimless:

Rather than use the define pages editor, I tend to do everything with ezpages, I've disabled the information sidebox, so this doesn't show in desktop.

So how do I prevent 'information' from showing up in the menu on mobile/tablet?

TIA.

Edit:

I commented out a bunch of stuff in
/includes/templates/responsive_classic/templates/tpl_modules_mobile_menu.php and it seems to have done the trick. If there's a nicer way please advise.

<!--<li><span><?php echo BOX_HEADING_INFORMATION; ?></span>.....etc.....</li>-->

Or I suspect, admin > define page status
and change them all to zero.

zc 1.5.5 w Responsive Sheffield Blue 2.0

Is there an update/hack/patch/snippet I can use to include iPad Pro (12.9") in the mobile detect? My header scrunches up in portrait mode (but everything works). Everything seems fine in landscape mode. It looks like this tablet isn't recognized as a tablet - all the sideboxes are present etc.

It's not a big issue - probably only few people other than me using this and who knows if Apple will keep it. But just thought I'd ask.

Asking on this forum as it seems are more general question than specific to the template I'm using.

soxophoneplayer:

zc 1.5.5 w Responsive Sheffield Blue 2.0

Is there an update/hack/patch/snippet I can use to include iPad Pro (12.9") in the mobile detect? My header scrunches up in portrait mode (but everything works). Everything seems fine in landscape mode. It looks like this tablet isn't recognized as a tablet - all the sideboxes are present etc.

It's not a big issue - probably only few people other than me using this and who knows if Apple will keep it. But just thought I'd ask.

Asking on this forum as it seems are more general question than specific to the template I'm using.

You can download the latest version of mobile detect here https://github.com/serbanghita/Mobile-Detect/raw/master/Mobile_Detect.php
see if that solves your problem.

On the header drop down menu only parent categories are showing. I am seeing this on several sites. Do we need to make changes elsewhere for subcategories to show in the drop down?
Probably a silly question I know.
Thanks for the help.

great template!

is there a way to turn the category pages into grid layout?
http://www.undercoveradmin.com/shop/index.php?main_page=index&cPath=2

I would like the products to display in a grid format not inline the way they are

ravynw34:

On the header drop down menu only parent categories are showing. I am seeing this on several sites. Do we need to make changes elsewhere for subcategories to show in the drop down?
Probably a silly question I know.
Thanks for the help.

Yes, this is correct. You can take a look at the menu authors site for the menu for more information on customizing it:

http://mmenu.frebsite.nl/

Thanks,

Anne

sweetmade:

great template!

is there a way to turn the category pages into grid layout?
http://www.undercoveradmin.com/shop/index.php?main_page=index&cPath=2

I would like the products to display in a grid format not inline the way they are

Yes, natively, the grid layout does not come with zen cart v1.x. You will need to add a plugin like snaf or column layout grid for the grid layout. There may be versions of those plugins on github that are responsive.

Thanks,

Anne

Thanks so much for the info.

picaflor-azul:

Yes, this is correct. You can take a look at the menu authors site for the menu for more information on customizing it:

http://mmenu.frebsite.nl/

Thanks,

Anne

I love zen cart.......with the new responsive theme. Finally....

Hey, my ez pages are set to left column only. On my droid they will not appear. But if I set the ez pages to header, they will appear on the android. I really dont want another navigation bar in the header. Is there a work around?

Thanks for finally putting out ZC with a default responsive theme. Now I can tank Magento.

in the /includes/templates/responsive_classic/jscript/jscript_responsive_framework.php file

find:

$('#ezpages').css({ 'display': 'none', 'visibility': 'hidden' });

change to:

$('#ezpages').css({  });

pixelpadre:

I love zen cart.......with the new responsive theme. Finally....

Hey, my ez pages are set to left column only. On my droid they will not appear. But if I set the ez pages to header, they will appear on the android. I really dont want another navigation bar in the header. Is there a work around?

Thanks for finally putting out ZC with a default responsive theme. Now I can tank Magento.

Easy enough.

Is there a good reason that the ez pages were omitted from the normal display mode? Or was it just a matter of code constrictions.? It seems such an easy fix that it makes me wonder why it wasn't coded like that from the get-go.

By default all the side-boxes are hidden on mobile devices and the off-canvas mobile menu is displayed.

pixelpadre:

Easy enough.

Is there a good reason that the ez pages were omitted from the normal display mode? Or was it just a matter of code constrictions.? It seems such an easy fix that it makes me wonder why it wasn't coded like that from the get-go.

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.

Hi anne and all,
I have installed this fantastic new version and want to thank you all it is great, just what I wanted.
have looked through the language plugins and installed five langauges, I have modified the language PHP for each one and everything works fine.
I would now like to customize the main page (define main page php) to have several boxes that can be controled by remote css in the css files, this way I can change the look for all langauges from one file, I have tried using div html to create the boxes but this throughs the whole page out, I have tried a table format but this is not controlable but does not alter the page https://www.brocante-de-france.com/
I have tried anne's "home page hover" this looks great but forces all the side bars down the page below the "main page", even when I alter the width to 500px in the css
Does any one have any ideas on how I can create five or six small floating boxes in the area covered by the define main page php that are controled by css for size and colour and be easy to fill with text from admin pages editor for all langauges?
perhaps itis not possible
I tried the following from http://www.w3schools.com/html/html_layout.asp

<div id="header">
<h1>City Gallery</h1>
</div>

<div id="nav">
London<br>
Paris<br>
Tokyo
</div>

<div id="section">
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
<p>Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.</p>
</div>

<div id="footer">
Copyright W3Schools.com
</div>
```as it easy for me to change the text and control sizes alignment from css
but it destroyed the layout 
All comments greatly appreciated
Regards paul
ps once I am sure that the langauges work properly I will submit them as plugins for v155

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.

Yes it does work, this allows the ez-pages side-box to appear on mobile devices. Has nothing to do with the ez-pages header bar or off-canvas menu settings.

albi1kenoby:

Hi anne and all,
I have installed this fantastic new version and want to thank you all it is great, just what I wanted.
have looked through the language plugins and installed five langauges, I have modified the language PHP for each one and everything works fine.
I would now like to customize the main page (define main page php) to have several boxes that can be controled by remote css in the css files, this way I can change the look for all langauges from one file, I have tried using div html to create the boxes but this throughs the whole page out, I have tried a table format but this is not controlable but does not alter the page https://www.brocante-de-france.com/
I have tried anne's "home page hover" this looks great but forces all the side bars down the page below the "main page", even when I alter the width to 500px in the css
Does any one have any ideas on how I can create five or six small floating boxes in the area covered by the define main page php that are controled by css for size and colour and be easy to fill with text from admin pages editor for all langauges?
perhaps itis not possible
I tried the following from http://www.w3schools.com/html/html_layout.asp

<div id="header"> <h1>City Gallery</h1> </div> <div id="nav"> London<br> Paris<br> Tokyo </div> <div id="section"> <h1>London</h1> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p> </div> <div id="footer"> Copyright W3Schools.com </div> ```as it easy for me to change the text and control sizes alignment from css > but it destroyed the layout > All comments greatly appreciated > Regards paul > ps once I am sure that the langauges work properly I will submit them as plugins for v155

Any additional HTML elements should display correctly without breaking the layout if and opening and closing tag are defined.

I can't access your site to see if their is something else causing an issue in the layout.

.css Issue with 155a in portrait views with cell phones

Android Portrait view and iphones portrait views. When checking out of the shopping cart the shipping option are way out of line and also the checkout total on the next page the spacing is wacked ...
Any ideas?????
www . haredo dot com/155a_test

haredo:

.css Issue with 155a in portrait views with cell phones

Android Portrait view and iphones portrait views. When checking out of the shopping cart the shipping option are way out of line and also the checkout total on the next page the spacing is wacked ...
Any ideas?????
www . haredo dot com/155a_test

First, I would add a break to the main content area

in:

includes/templates/responsive_classic/common/tpl_main_page.php

add:

<br class="clearboth" />

inside the closing div for the center column

around line 183

    <div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>
[B]<br class="clearboth" /> <---- ADD[/B]
  </div>

then in

includes/templates/responsive_classic/css/responsive_default.css

around line 96

and in

includes/templates/responsive_classic/css/responsive_mobile.css

around line 74

find:

/*bof checkout*/
#checkoutPayment .forward, #checkoutShipping .forward{float:none;width:100%;}

and comment out

/*bof checkout*/
/*#checkoutPayment .forward, #checkoutShipping .forward{float:none;width:100%;}*/