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

[swguy]

Just searched wampserver security & found this ...
Anyone with knowledge on this who can advise, maybe it's just the dinosaur in me or am i just paranoid?

Don't run your live site on Windows.

[flashy275]

Don't run your live site on Windows.

I only want to test the site at this stage & do slight mods on my system, it's been some time since I worked with ZC but when I did in the past I always worked locally & once finished upload to server.

From my understanding now, no one does this anymore.

[swguy]

Your understanding is incorrect; this is in fact a good practice.
You do not need to worry excessively about locking down your local WAMP installation, assuming your router blocks inbound traffic, you have a firewall, etc.

[flashy275]

Brill thanks, I can get on with my project now.

[buildingblocks]

The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

Open these 3 files:
/includes/templates/responsive_classic/css/responsive_default.css
/includes/templates/responsive_classic/css/responsive_mobile.css
/includes/templates/responsive_classic/css/responsive_tablet.css

The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

Each file will have code that starts with:

/*bof side-boxes*/
/* ADD { display:none;visibility:hidden; } to Hide Side-Box */
/* LEAVE BLANK {  } to Show Side-Box */

Take a look at the CSS and how the stock side-boxes are handled.

Hi

I have tried this method in order to get the categories sidebox to display in mobile view. In desktop responsive view it works but it's not working in mobile view. Firebug shows me for the #categories sidebox there's an inline style with display: none; visibility: hidden;.

<div style="display: none; visibility: hidden;" id="categories" class="leftBoxContainer">

Am I missing something?

thanks

[rbarbour]

To maximize user experience on mobile devices, jQuery was added to hide all side-boxes regardless of CSS.

open:
/includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

should be line 37:

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

change to:

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

Hi

I have tried this method in order to get the categories sidebox to display in mobile view. In desktop responsive view it works but it's not working in mobile view. Firebug shows me for the #categories sidebox there's an inline style with display: none; visibility: hidden;.

<div style="display: none; visibility: hidden;" id="categories" class="leftBoxContainer">

Am I missing something?

thanks

[buildingblocks]

perfect. Thank you so much. :)

[wastaboo]

Hello Anne how are you? can you help me with this. Unable to create an account with small devices how can i removed the drop down date of birth and input it manually without choosing with the device because when i choose with the device i get an error about " is you birth date correct? Our system requires the date in this format MM/DD/YYYY 05/21/1970 when i i did put it correct this error is only on the small devices, tablets and pc are good, thank you in advance .

[Justrimless]

Hello,

I'm liking 1.55 so thanks to all involved and to Anne for her templates.

As the responsive template is 'out of the box', when making adjustments to the template files can I assume that these will be unaffected by future Zencart releases when upgrading. Or do I need to set up a custom template as previously?

[DrByte]

As the responsive template is 'out of the box', when making adjustments to the template files can I assume that these will be unaffected by future Zencart releases when upgrading. Or do I need to set up a custom template as previously?

That all depends on how you do your upgrades. If you carefully and intentionally compare all files and manually merge changes from the new version into your files (or vice versa), then you'll be fine. But if you just blindly copy all the new files and replace your own without doing any inspections to preserve your customizations, then you will be wiping out your own changes. So, you can see it's all up to how you do it. When upgrading (especially templates) you should always manually merge customizations, not blindly replace things.