Jump to content
Latest News: (loading..)

Recommended Posts

This module allows you to show a Horizontal Categories Menu inside the header area.
This is based on G.L. Walkers code so all credits to him for this great work.

 

FULL PACKAGE:
(*no install manual included! Just drop the files in and install module through the admin area. No core code changes!  ^_^  )

 

*Please note:
To offer a horizontal menu as a general module is always difficult since it is not matching for every store. Some stores have a large amount of categories and sub-categories and therefore it might not fit. Best is always to create a "tailored" horizontal menu that fits best for your store. Some do this the hard-coded way some would like to have it dynamic. If you need such a tailored menu please ask in the Commercial Support area, thank you.

Edited by Tsimi

When you ask for help/support:

  • Always state your osCommerce version
  • If possible, list up installed add-ons
  • 3rd party templates are not supported in the forum

Latest osC: osCommerce CE (Community Edition aka. v2.3.4.1 Frozen)

 

Share this post


Link to post
Share on other sites

@@Tsimi

 

I glanced quickly and I must say it really works perfectly. :D ​

It is exactly what I need and what I was looking for.

This really should come standard in oscommerce.

Share this post


Link to post
Share on other sites

Works great guys! Thanks Tsimi and G L Walker!

 

Can anyone help me to reduce the font to say 12px for the categories in the menu instead of the standard size font it is showing? I have a lot of categories and longer names, so it is going into second line for my cats even on a bigger screen.

 

Thanks again!

Share this post


Link to post
Share on other sites

@@Leslie,

 

The only thing I know is to do the following in user.css

then you can change the font-size for  all screen sizes.


@@media (max-width: 2400px) { #catMenu ul li a { font-size: 12px; } }
 
 

 

Share this post


Link to post
Share on other sites

hi,

I want to know if it is possible to change the dropdown from SM to MD.

 

I try to change the next but it has no effect.

<div id="catMenu" class="col-sm-12">

to 

<div id="catMenu" class="col-md-12">

Share this post


Link to post
Share on other sites

how can i get this Module in the Group "boxes_header"?

 

in the "header" Group i cant show the Module on the right place

 

now i  can show it in the Group "boxes_header".

 

Is ist possible to show this with nav-tabs?

Share this post


Link to post
Share on other sites

hi,

I want to know if it is possible to change the dropdown from SM to MD.

 

I try to change the next but it has no effect.

<div id="catMenu" class="col-sm-12">

to 

<div id="catMenu" class="col-md-12">

 

You can change the breakpoint for the menu but then you also change the breakpoint for the top navbar (black menu most top, stock osC BS).

It takes more coding then just change sm to md. You have to add more css code.

try and add this to your user.css

/* CUSTOM BREAKPOINT FOR CATMENU */
@[member=media] (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

@[member=media] (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
    color: #777;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
/* EOF CUSTOM BREAKPOINT FOR CATMENU */

and also look for this code inside the .../classes/catmenu.php

$root_link_title .= '<li class="visible-xs divider"></li>';

and change to

$root_link_title .= '<li class="visible-xs visible-sm divider"></li>';

When you ask for help/support:

  • Always state your osCommerce version
  • If possible, list up installed add-ons
  • 3rd party templates are not supported in the forum

Latest osC: osCommerce CE (Community Edition aka. v2.3.4.1 Frozen)

 

Share this post


Link to post
Share on other sites

@@ringo667

 

Yeah I guess that would be possible.

I want to correct that comment. It is possible till certain extend. You cannot get multi-level categories with it.

Maybe the Parent and the first child. You would have to find a way to collapse the whole thing then for xs view which is another PITA.


When you ask for help/support:

  • Always state your osCommerce version
  • If possible, list up installed add-ons
  • 3rd party templates are not supported in the forum

Latest osC: osCommerce CE (Community Edition aka. v2.3.4.1 Frozen)

 

Share this post


Link to post
Share on other sites

@@ringo667

 

Chris it looks like you are missing the font awesome fonts....do you have this line in template_top.php?  Around line 43 in my install...

 

<!-- font awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

 

Dan

Share this post


Link to post
Share on other sites

a last question...

 

there are all caegories Display. 

 

Where ist the Databaserequest for this Module, where i can write this:

cd where c.categories_status = '1'

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×