Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Getting a Hamburger collapsible menu for categories in BS 234?


Recommended Posts

I am looking to replace the categories box on mobile sizes for BS234 with a hamburger style menu like you see across most large sites when viewed on a mobile.

 

I have found the link below that may do it but I'm sure some of the forks may have one built in?

http://addons.oscommerce.com/info/9375

 

Anyone know where I can get something to implement a mobile menu?

 

Here is the type of thing I mean, in the top left

http://m.jdsports.co.uk/

Link to comment
Share on other sites

I haven't seen anything that uses the standard categories box on large screens and the navbar for small screens. The Addon you linked to does not. The Categories Module for Modular Navigation Bar (see below) shows a pulldown menu from the navbar for larger screens and the "hamburger" for small screens. There's also one in the latest version of the Edge release, but I haven't looked at it lately. One of those might work for you, or you may need to combine parts of two modules to make it work the way you want.

 

Regards

Jim

See my profile for a list of my addons and ways to get support.

Link to comment
Share on other sites

@@fleeced,

 

I have it implemented here (a bit a different version but it is what you are looking for):

http://www.sarplataygemas.com/

 

You just need to add this to the category box template:

<div class="panel panel-default visible-md visible-lg">

or

<div class="panel panel-default hidden-xs">

depending where you wish to show or hide.

Have a look here for more info:

http://getbootstrap.com/css/#responsive-utilities

 

Then use the mobile version of the horizontal menu add-on for mobile view, you can find it here:

http://www.oscommerce.com/forums/topic/408478-horizontal-categories-menu-bs/?p=1735257

 

rgds

Rainer

Link to comment
Share on other sites

  • 2 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...