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

pixelpadre:

FYI responsive has issues with hamburger not appearing in desktop chrome, ff, edge and IE while inspecting elements in responsive design mode.

Nobody ever notice this?

This does happen on first page load when the responsive emulator hasn't selected the phone type in mobile design mode. It hasn't happened recently ***while ***inspecting for me - as long as I've reloaded the page with the phone type set - however it did in the past and was related to java not running as it should on the fly while inspecting.

Is this happening on all sites you inspect?

Things get ugly looking in the inspector here:

https://twitchtoo.com/tR_codeSHOP/

• until you ***reload ***and find the red chevron that replaces the hamburger then everything works as it should.

Current fix:

• load webpage
• load responsive design mode
• click refresh or F5 in FireFox
• get back to work :smile:

twitchtoo:

This does happen on first page load when the responsive emulator hasn't selected the phone type in mobile design mode. It hasn't happened recently ***while ***inspecting for me - as long as I've reloaded the page with the phone type set - however it did in the past and was related to java not running as it should on the fly while inspecting.

Is this happening on all sites you inspect?

Things get ugly looking in the inspector here:

https://twitchtoo.com/tR_codeSHOP/

• until you ***reload ***and find the red chevron that replaces the hamburger then everything works as it should. screenshot

Current fix:

• load webpage
• load responsive design mode
• click refresh or F5 in FireFox
• get back to work :smile:

Does not happen to my other non-zencart websites. Refresh makes no difference. twitchoo also not working in any desktop browser.

**pixelpadre** if you could pm or post the site(s) I can look a little deeper. One that works for you, one that doesn't would be great.

one that works, blackbirdtreetrimmer.com
one that doesnt blackbirdtreetrimmer.com/estimator

pixelpadre:

one that works, blackbirdtreetrimmer.com
one that doesnt blackbirdtreetrimmer.com/estimator

Thanks - I am able to recreate the problem you are having with Edge. I'll do some testing and report back!

comparing apples to oranges pixelpadre...
Your one example page is a bootstrap html page and bootstrap is reponsive by default (no need to switch to the inspector to set device type, just resize browser) whereas the responsive classic requires device detection to determine if it is being displayed on a tablet/mobile device. Once a tablet/mobile device is detected it then different code is presented to the browser.

<!--bof navigation display-->
<div id="navMainWrapper" class="group onerow-fluid">
<?php 
 if ( $detect->isMobile() && !$detect->isTablet() || $_SESSION['layoutType'] == 'mobile' ) {
echo '<div class="header Fixed"><a href="#menu" title="Menu"><i class="fa fa-bars"></i></a></div>';
 } else if ( $detect->isTablet() || $_SESSION['layoutType'] == 'tablet' ){
echo '<div class="header Fixed"><a href="#menu" title="Menu"><i class="fa fa-bars"></i></a></div>';
} else { 
//
}
?>

I had no issues in any of the browsers see the bars in a mobile view, once I made sure I had "switched" device views, which in edge required going to the emulation tab and picking a mobile device

barco57:

comparing apples to oranges pixelpadre...
Your one example page is a bootstrap html page and bootstrap is reponsive by default (no need to switch to the inspector to set device type, just resize browser) whereas the responsive classic requires device detection to determine if it is being displayed on a tablet/mobile device. Once a tablet/mobile device is detected it then different code is presented to the browser.

?>

> 
> I had no issues in any of the browsers see the bars in a mobile view, once I made sure I had "switched" device views, which in edge required going to the emulation tab and picking a mobile device


I realize that one is bootstrap and one isnt.  But how was I supposed to  a question "do you have one that works and one that doesn't"?   

The  fact remains that the browser drop the menu icon while browsers are in  responsive modes.  Its a problem.  Is it a problem with other zencart  responsive templates?  I do not have the answer for that.  I'm just  reporting what I observed.  What anyone cares to do about it is of no  concern to me.  Leave  it or change it.  Who cares.  It's a defect as it stands.  Template  works as expected on all devices.  But for developmental purposes, no  good.

Okay. So I uploaded Tableau responsive. All browers in develop mode displayed the hamburger. So it appears the problem is limited to classic responsive. Any more tomatoes to throw at me?

...sigh

twitchtoo:

Thanks - I am able to recreate the problem you are having with Edge. I'll do some testing and report back!

Times up!

Before I spend the time to move elements on the product info page around in a different order than they appear by default, I just want to make sure there isn't some way to do this differently, in admin say. I ask this because, after using ZenCart for years, I never knew that things could be reordered on the listing pages (all, new, featured, etc.)

As far as I can see all the options on the admin > config > product info screen are just on/off switches, not sort order. But it's entirely possible I've missed this area of admin all these years.

Thanks!

To move things around on the product info page, you'll need to modify the template file.

includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

swguy:

To move things around on the product info page, you'll need to modify the template file.

includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Ok, that's what I thought (and have done before for other clients). Just wanted to make sure I wasn't making things more difficult for myself. :cool:

Thanks for confirming!

Hi Guys , Is it possible to change how categories are displayed . Currently they are vertical but i want them left to right. Even better would to have boxes behind them. Made a rough picture for clarification . Any help appreciated :)

Configuration >> Layout Settings >> Categories-Tabs Menu ON/OFF

Set to 1 and adjust as necessary with CSS

I just got around to stepping through checkout using Chrome. God help me when I get around to Edge.

Forum search did not yield any CHROME responsive_classic results
Google search did not yield any Chrome responsive_classic results

zc156c
responsive_classic cloned
built-in checkout process

Desktop
Checkout payment: FireFox appears as expected except box not drawn around payment expiration date
Checkout payment: Chrome formatting all fouled up. Box not drawn around payment expiration date

Boxes weren't drawn around a couple of places when I used the phone
I have not gone mucking around in any of the css files (that I know of)

Mentioned before is the addition of a <br /> on or around line 40 of includes/templates/template_default/templates/tpl_checkout_payment_default.php

There is a <br class="clearBoth"> just before the PAYPAL info.

Adding a <br /> after that first br will fix that problem. Or, you can install and use lat9's One Page Checkout.

All others are CSS fixes that we can't help with much without a link.

TNX dbltoe,

I'll make that edit. EDIT: that corrected the Chrome layout. The fix might have been mentioned before but if a search doesn't yield results, it is difficult to go through 17 pages of comments.
There's too much stuff to fix with the out of the box install, that I didn't want to exacerbate the issue by adding more plugins. OPC is on the list of things to do once everything else is corrected.

Link is in my signature

Neglected to say
156c install, drop db tables, restore live db, zcinstall

Clone a template
Responsive Classic color changes (tnx dbltoe)

RixStix:

There's too much stuff to fix with the out of the box install, that I didn't want to exacerbate the issue by adding more plugins. OPC is on the list of things to do once everything else is corrected.

THANX
My point was that BOTH problems would go away with OPC. If you need assistance or clarification, NO ONE is quicker or better than lat9