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

Now the Doc(umentation) just put a new twist in the basket,

Key: SHOW_COUNTS
Path: Configuration > My Store
Description: Count recursively how many **product**s are in each category

Having a products count would be wildly desirable and a very valuable, useful feature. It's just the counting categories that puts the worm in my apple.

I DO think I recall that maybe the product count was in the Information box and I'll go back and see if that's true, but in the mobile it's seems to be counting only categories...which isn't real useful. Dang, now I gotta second guess myself and go back to see how stupid I am.

Ok, in the full version it counts the products in the categories not the categories - that's cool. That's what should be. The mobile version is counting categories, not products. Whew,.....

Turns out lat9 and I were both wrong about the counts in the responsive_classic mobile menu.

Those counts are not generated by Zen Cart at all. And they don't represent products or categories directly.
They're in javascript, and the numbers represent the number of sub-items in the menu's HTML, giving hints about how large the sub-menu will be if clicked.

You can turn off those counts in tpl_modules_mobile_menu.php by changing counters: true to counters: false here:

<script type="text/javascript">
  $(function() {
    $("#menu")
      .mmenu({
        slidingSubmenus : false,
        extensions : [ "theme-dark", "effect-listitems-slide" ],
        iconPanels: {
          add : true,
          visible: 1
        },
        navbar: {
          add : false
        },
[B]        counters: true[/B]
      }).on('click', 'a[href^="#/"]', function() {
        alert("Thank you for clicking, but that's a demo link.");
        return false;
      });
  });
</script>

I don't use the categories sidebox because I don't need the redundancy of the top menu in a sidebox too. I mistakenly referred to it as the Information sidebox, (deep red blush) sorry folks. It's the categories in the mobile that has the issue.

In mobile:
The number in the information box reflects how many items are in it, mine has, and reflects 7. I don't need that number there, but at least it matches to the contents.

The categories box says I have 10 categories, which I do and some of those have the correct numbers for how many subs there are, which is accurate. So, the counting in the mobile tells us the number of only the next level of categories and those do not tell us how many products once the lowest level is reached. I see what it's doing, but trying to explain it confuses even this author. I'll try to figure out how to articulate it better............

Ok, the link "Categories" 10 - there ARE 10

Open that and we see
"Children's toys" 6

There are not 6 children's toys - right now there's 20 that I have in as of yet, but I have 6 sub-sub categories - this means it counts whatever is immediately below it and those numbers are correct.

The problem is, one gets the impression there are 6 children's toys, not 6 children's toys categories - thus the confusion and desire to ditch the numbers overall. I'm sure the counter is working as designed and it's wrong of me to say it isn't. If it went deeper and said "Ride on cars - 20" that would be accurate and ok, but then I'd want to have only those numbers and not the category counts.

It would also be great if at the "Childrens Toys" Level the number reflected the count of all products in all of the subs, thus products total, and upon descending the hierarchy it started to reflect the amount of toys in that sub cat, and so on until in the end all those sub, sub products totaled the 20 at the top-but I understand that is adding a bit of additional code and and realistically don't expect that. It would make a better though. For now, I'd settle for the numbers to go away in the mobile as they do in the full version when I turn them off.

I think that's a better explanation.........

DrByte:

Turns out lat9 and I were both wrong about the counts in the responsive_classic mobile menu.

Those counts are not generated by Zen Cart at all. And they don't represent products or categories directly.
They're in javascript, and the numbers represent the number of sub-items in the menu's HTML, giving hints about how large the sub-menu will be if clicked.

You can turn off those counts in tpl_modules_mobile_menu.php by changing counters: true to counters: false here:

I think we diagnosed it just about the same time, good to know that both of us realized the same thing, and great that one of us has the smarts to know how to fix it. Gotta love teamwork, yes? Thank you DrB. I'll make the change.

DrByte:

Turns out lat9 and I were both wrong about the counts in the responsive_classic mobile menu.

Those counts are not generated by Zen Cart at all. And they don't represent products or categories directly.
They're in javascript, and the numbers represent the number of sub-items in the menu's HTML, giving hints about how large the sub-menu will be if clicked.

You can turn off those counts in tpl_modules_mobile_menu.php by changing counters: true to counters: false here:

That did the trick.

Thank you DrByte!

Anybody feel like working out why on the mobile version my links in the "Important Links" don't show as they do in the full version? That would complete the menu issues and I can dig into the Rants and Raves showing between the centerbox and Header instead of in the menu. Just point me somewhere to look so I can beat the hell out of it.

TheGrimReaper:

That did the trick.

Thank you DrByte!

Anybody feel like working out why on the mobile version my links in the "Important Links" don't show as they do in the full version? That would complete the menu issues and I can dig into the Rants and Raves showing between the centerbox and Header instead of in the menu. Just point me somewhere to look so I can beat the hell out of it.

The Rants and Raves, by the way, is built from lat9's Blank_Sidebox mod, which is also awesome.

TheGrimReaper:

Anybody feel like working out why on the mobile version my links in the "Important Links" don't show as they do in the full version?
In the tpl_modules_mobile_menu.php template file, it builds those "Important Links" from the EZ-Pages Header, not from the sidebox.
You could try changing this:

  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
  if (!empty($var_linksList)) {

to this:

  $var_linksList = $page_query_list_sidebox;
  if (!empty($var_linksList)) {

TheGrimReaper:

the Rants and Raves showing between the centerbox and Header instead of in the menu.
The responsive_classic template uses a bunch of javascript to hide certain sections in mobile.
You need to add your custom-added sections so that it knows what to do.

To hide the sidebox on mobile:
/includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

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

If you want to copy the links you put in that sidebox's PHP/HTML so that they also appear in the mobile menu, add them manually to tpl_modules_mobile_menu.php:

<li><a href="put url here">put link text here</a></li>

You could maybe nest them inside a sub ul/li list if you wanted them grouped.

DrByte:

The responsive_classic template uses a bunch of javascript to hide certain sections in mobile.
You need to add your custom-added sections so that it knows what to do.

To hide the sidebox on mobile:
/includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

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

> 
> If you want to copy the links you put in that sidebox's PHP/HTML so that they also appear in the mobile menu, add them manually to tpl_modules_mobile_menu.php:
> ```
<li><a href="put url here">put link text here</a></li>

Ok, I'll work on that. I'll go with the adding the links to the mobile.

Moving Rants and Raves to the mobile menu was a fun and educational challenge, thank you DrB. for the points!

I could have sat here until the Grim Reaper drew my name trying to figure out how to make it disappear from the centerbox and magically reappear in the menu. I'd never 'ave thunk of java.

Well, it looks like what I wanted. Thank you everybody that looked on, chimed in and got their giggles from all the happenings in this now updated thread. I hope a lot of people benefit from the trials we went through. Now I have to go cool off my carpal tunnels..........

TheGrimReaper:

I'd never 'ave thunk of java.

and continue to not think of java....

think of javascript....

they are both coding languages.... but they are very different...

https://towardsdatascience.com/java-vs-javascript-which-is-the-best-choice-for-2019-a41ee2d3f78d

"...Java is to JavaScript as ham is to a hamster...."

carlwhat:

and continue to not think of java....

think of javascript....

they are both coding languages.... but they are very different...

https://towardsdatascience.com/java-vs-javascript-which-is-the-best-choice-for-2019-a41ee2d3f78d

"...Java is to JavaScript as ham is to a hamster...."

I apologize for confusing you. I'm a much better person today having found this out. Maybe Santa, or is that Santa Clause, will be kinder to me come Christmas.
:blush:

Hello,

(V1.5.5)

We have a problem with "Your Total" field is squeezed on the page "Step 2 of 3 - Payment Information" when using Chrome browser on Desktop":

The same page is working fine in Firefox browser and mobile browser:

We cleared cookies and it did not help.

Please, advise where to look.

Thank you.

It's been identified before as a missing br in the code. I forget where the answer is but could have advised had I had a link to look at. It's those pesky posting tips....Not your standard Ipsum Lorem.:P

Was able to find the site from the image. There is a <br class="clearBoth"> after the .floatingBox .important .forward. If you add a <br> after it, it will straighten right up.

OR... add ```
fieldset#checkoutOrderTotals {clear: both;}

dbltoe:

Was able to find the site from the image. There is a <br class="clearBoth"> after the .floatingBox .important .forward. If you add a <br> after it, it will straighten right up.

OR... add ```
fieldset#checkoutOrderTotals {clear: both;}

Thank you for reply.

So, for others to make it clear, change is done in file:

**.../public_html/includes/templates/template_default/templates/tpl_checkout_payment_default.php**

Search string is **"floatingBox important forward"**

Question is though, should be this **corrected **file copied to custom_template or this issue is fixed in later Version?

(P.S. For stylesheet fix, which file should be edited?)

It's fixed in latest version.

And, again, it can be done in the stylesheet.

Sometime back a year or two, someone suggested adding stylesheet_zcustom.css to one's template to hold fixes just like this. Makes it easy to find changes you've made when troubleshooting or upgrading.