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

[TheGrimReaper]

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
        },
        counters: true
      }).on('click', 'a[href^="#/"]', function() {
        alert("Thank you for clicking, but that's a demo link.");
        return false;
      });
  });
</script>

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.

[TheGrimReaper]

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
        },
        counters: true
      }).on('click', 'a[href^="#/"]', function() {
        alert("Thank you for clicking, but that's a demo link.");
        return false;
      });
  });
</script>

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.

[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?

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)) {

[DrByte]

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.

[TheGrimReaper]

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.

[TheGrimReaper]

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..........

[carlwhat]

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-...9-a41ee2d3f78d

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

[TheGrimReaper]

and continue to not think of java....

think of javascript....

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

https://towardsdatascience.com/java-...9-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.

[idtags]

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.