[Addon} Superfish Categories Box

[♥kymation 629]

You need to look in the Head section of the page for the references to the Superfish Javascript and CSS files. Those are essential. Click on each one and see what you get.

 

If those are working, the rest should not be too hard to modify.

 

Regards

Jim

[allaboutwicker 9]

Hurray! I uploaded new revised template_top and it is now working! I think I had something copied twice in there, my bad. It appears that the category text goes to a second line for some reason even though there is more space available in the left column, but it is working in general at least. I need some sleep now and will work more on it tomorrow. Thanks for your help Jim.

Edited February 23, 2015 by allaboutwicker

[♥kymation 629]

That's that problem out of the way. Now to fix the text. Let me finish what I'm doing right now and I'll take a look at it. There are a couple of changes needed in the module file to make it work with Bootstrap and not jQueryUI. Shouldn't be a big job to fix.

 

Regards

Jim

[♥kymation 629]

I've uploaded a new version to the usual location. There are now two packages -- the stock osCommerce 2.3.x version and the Bootstrap version.

 

The Bootstrap version has been rewritten to make for an easier install. You only need to upload the files and install. No file modifications. If you installed the old version on a Bootstrap site you'll have to revert the modified files to your backup (or stock osCommerce).

 

The new version also uses a new version of Superfish that is designed to work with Bootstrap. It doesn't need all of the hacks and code changes that the old jQueryUI version needed to make it compatible. It's a lot easier to work with.

 

Regards

Jim

[greasemonkey 182]

@@kymation I hope all is well... Just playing around with your brand new bootstrap version.... thank you very kindly! A couple issues;

 

Issue1 - see the attached thumbnail the below code in includes/modules/boxes/templates/superfish_categories

<?php if( strlen ( $title ) > 0 ) { ?>
      <div class="panel-heading">' . $title . '</div>' . PHP_EOL;
<?php } ?>

Is not pulling my English Title. Shouldn't this be something like?

<?php if( strlen ( $title ) > 0 ) {?>
      <div class="panel-heading"><?php echo $title; ?> </div>
<?php } ?>

Sorry.... I'm no "pro" I have clue what the . PHP_EOL; is used for.

 

Issue 2 -  (again see the thumbnail) the element panel-body seems to be missing... maybe something like below? Or was this intentional?

<div class="panel-body"><?php echo $formatted_data; ?></div>

Issue 3 - when in small view the subcats fly "right" off the screen. Is there an easy fix - maybe have them fly down in small views?

 

[♥kymation 629]

@@greasemonkey

1. Yes, you're right, I missed that line. That's a bug. I'll fix that and put up a new version. Thanks for reporting that.
2. panel-body doesn't do much when it's enclosing a Superfish menu. The CSS for that element just adds some padding, and Superfish has its own padding, so I think it'll just squeeze the text down more. Add it if you like what it looks like on your site.
3. Superfish is supposed to take care of that. I'll try to fix it if I have the time, but don't hold your breath.

Regards

Jim

[greasemonkey 182]

@@kymation thank you so much....

 

Superfish is supposed to take care of that. I'll try to fix it if I have the time, but don't hold your breath

I'm actually thinking to hide the category box completely when it gets to 991px because it gets kicked down to the bottom - and let the expanded category class tree I built for the navbar take over for navigation.

 

Although I'm not sure this is wise.... Just don't have much experience with this responsive stuff.

 

Thanks again Jim!

[Mort-lemur 168]

@@kymation Hi Jim,

 

Excellent mod for the BS system - just what I was waiting for :)

 

One little question - is the new box missing some padding at the bottom to seperate it from any boxes below it?

 

Many Thanks for your work

[♥kymation 629]

Yes, I think it needs some padding. And the title is messed up. I'll fix those and upload a patch.

 

Thanks for the bug report.

 

Regrds

Jim

[♥kymation 629]

I've uploaded a new version to the usual location. This patch fixes the missing space at the bottom of the box and fixes my code errors in the title section.

 

If you need to upgrade, just drop the files on top. No need to uninstall/reinstall.

 

Regards

Jim

[cdetdi 1]

I've uploaded a new version to the usual location. This patch fixes the missing space at the bottom of the box and fixes my code errors in the title section.

 

If you need to upgrade, just drop the files on top. No need to uninstall/reinstall.

 

Regards

Jim

 

Thanks Jim.  Any interest in turning this into a drop-down menu that could go into the header? (See Amazon, NewEgg etc.)

[♥kymation 629]

There's already one: http://addons.oscommerce.com/info/8977

 

That's not for Bootstrap, so it might take some fiddling. Try pointing it at the version of Superfish I included with this addon. That may be enough.

 

Regards

Jim

[grandpaj 25]

Hi

 

Is it possible to incorpoate this addon to the navbar in BS234, if so, what would need to be done.

 

Many thanks

 

Grandpa

[♥kymation 629]

Same answer as the person above you. Try that addon and see if it works.

 

Regards

Jim

[dgoodwin20 0]

Hi Guys, I've installed this menu bar, and it works great thank you. I have a question though, I want to add a "Home" link to the menu bar, and I want it to be the first link at the top of the menu , before the categories appear - how can I do this?

Edited April 20, 2015 by dgoodwin20

[♥kymation 629]

Are you using the 2.3 version or the Bootstrap version of this addon?

 

Regards

Jim

[dgoodwin20 0]

Hi Jim, I'm using version 2.3

[♥kymation 629]

Find these lines in /includes/modules/boxes/bm_categories_superfish.php:

      private function format_data( $data_array, $pass = false ) {
        if( is_array( $data_array ) && count( $data_array ) > 0 ) {
          if( $pass == false ) {
            $output = '  <ul class="sf-menu">' . PHP_EOL;

and add this just after the above lines:

            $output .= '    <li class="sf-menu sf-vertical ui-state-default ui-corner-all" onmouseover="$(\'a#categories\').removeClass(\'ui-state-default\').addClass(\'ui-state-hover ui-state-focus\');" onmouseout="$(\'a#categories\').addClass(\'ui-state-default\').removeClass(\'ui-state-hover ui-state-focus\');">' . PHP_EOL;
            $output .= '      <a href="' . tep_href_link( FILENAME_DEFAULT ) . '">';
            $output .= HEADER_TITLE_CATALOG;
            $output .= '</a>' . PHP_EOL;

Not tested, so please report back if I fumbled the code somewhere.

 

Regards

Jim

[dgoodwin20 0]

Hi - Thanks for your response - It didn't work, but that was mainly due to my coding being all jumbled up due to me moving to a horizontal bar rather than a side bar - I've since used a different addon to get a better horizontal menu. Thanks again though, great addon just not what I wanted (side bar as opposed to a horizontal bar)

[panos13 0]

@@kymation

 

Hi.

 

This worked, but if we want to put behind category another link (for example contact us) how we can do it?

Can I ask ιν the wrong post but because the solution proposed above I did and worked with a small change ( <li class="First-level" ) I get the courage to ask for any ideas.
I use 2.3.4 Bootstrap.

Thanks in advance. (sorry for my english).

[♥kymation 629]

Find this line in includes/modules/boxes/bm_categories_superfish.php:

        $output .= '    </ul>' . PHP_EOL;

Add just before that line:

        $output .= '      <li class="top_cat">' . '<a href="' . tep_href_link( FILENAME_CONTACT_US ) . '">' . MODULE_BOXES_CATEGORIES_SUPERFISH_CONTACT . '</a></li>' . PHP_EOL;

Then add to includes/languages/english/modules/boxes/bm_categories_superfish.php:

  define( 'MODULE_BOXES_CATEGORIES_SUPERFISH_CONTACT', 'Contact Us' );

Repeat that last line for each language, and translate the Contact Us part to that language.

 

Regards

Jim

[panos13 0]

@@kymation

 

Thank you.
I did what you suggested and partly be correct but when move mouse over the categories displays except the content of the category and the contact us continuously.

I attach and a photo.

 

[♥kymation 629]

That doesn't look like the stock Superfish box. This only works for a Categories box in the left or right side column, not for one in the header.

 

Regards

Jim

[marcello 18]

Hey there Jim.  I just installed your 1.2.1 BS addon version to a fresh install and it appears that either the file does not exist in the package or possibly there is a typo.

 

includes/modules/boxes/templates/categories_superfish_scripts.php  line 14:

 

  <script type="text/javascript" src="ext/jquery/superfish/js/jquery.hoverIntent.minified.js"></script>
 

Edited July 7, 2015 by marcello

[♥kymation 629]

You're right, it's missing from the 2.3.4BS package. You can get the file from the 2.3.x Standard part of the package. I'll go fix that in the distribution.

 

Thanks for reporting this bug.

 

Regards

Jim