Update your admin suckerfish menu to superfish

**blackhawk** · 12-04-2010, 07:56 PM

STEP 1:
Download the superfish - Superfish - Suckerfish on 'roids

STEP 2:
create a superfish menu in your admin directory like this...
catalog/admin/includes/mymenu

STEP 3:
load the new superfish and jquery files into the mymenu folder...
arrows-ffffff.png
shadow.png
hoverIntent.js
jquery-1.3.2.js
jquery.bgiframe.min.js
superfish.js
supersubs.js
superfish-navbar.css
superfish-vertical.css
superfish.css

STEP 4:
hide or remove all sf- styles from admin/includes/stylesheet.css

STEP 5:
adjust the <head> links of admin/index.php to this...

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<title><?php echo TITLE; ?></title>
<link rel="stylesheet" type="text/css" href="includes/stylesheet.css">
<link rel="stylesheet" type="text/css" href="includes/javascript/jquery-ui-1.8.2.custom.css">
<script type="text/javascript" src="includes/general.js"></script>	

<?php //my custom superfish menu ?>
<script type="text/javascript" src="includes/mymenu/jquery-1.3.2.js"></script>
<script type="text/javascript" src="includes/mymenu/hoverIntent.js"></script>
<script type="text/javascript" src="includes/mymenu/superfish.js"></script>
<link rel="stylesheet" type="text/css" href="includes/mymenu/superfish.css">
</head>

STEP 6:
Save and reload your admin/index.php page and you now have the superfish menu!

STEP 7:
Repeat step 5 for any file in admin/ directory that loads in the admin.

If you have a gap in your menu rollover - read my thread here to fix.

Enjoy!
bh

**pgmarshall** · 12-05-2010, 12:33 AM

Eeek! Blackhawk,

The menu in Admin is ALREADY a superfish one!

Take a look at catalog/admin/includes/header - you will see it being loaded in there. Only the construction of the menu occurs in menu.php.

If you want the Superfish styled one then simply change the .css

Regards,

**ridexbuilder** · 12-05-2010, 01:25 AM

A little knowledge is a dangerous thing?...

[Surprised that Michael didn't spot the lack of CDN in 'includes/mymenu/jquery-1.3.2.js']

**blackhawk** · 12-05-2010, 05:52 AM

Thanks for the heads up and the wonderful job you got going PM! I just downloaded a new version of oscmax 2.5 and now it has it. The version I downloaded a couple weeks ago was different - didn't load superfish initially like the one I see now. Even fixed the gap issues too I see. Nice work.

bh

**michael_s** · 12-05-2010, 06:54 AM

Blackhawk, there have been no changes to the 2.5 beta 1 download since it was posted. If it wasn't working for you, that was not due to the package but your installation.

**blackhawk** · 12-05-2010, 06:23 PM

I can't reproduce the issue now either. I guess I did something wrong with the initial install ...So I am sorry for all the posts I have claimed in the past 2 days. I bet I accidently moved or deleted something initially.

Regardless, this is a great job you guys have done with the admin. Not sure how much you guys know of the admin template called the mindsparx but it reminds me of it, but this is much better in my opinion.

bh

**pgmarshall** · 12-05-2010, 11:57 PM

bh,

I looked at MindSparx's admin interface initially when I was working on the admin design but it has evolved quite a bit since then.

We used to have buttons across the top for the short cuts like MindSparks but then I wrote the quicklinks bit to give the admin user more control over what they want to have as the shortcuts.

(Don't miss the little things like the help icon in the header - links directly to the relevant page in the wiki)

Regards,