WordPress Dropdown Menu Plugin

Published January 14th, 2008 under Plugins

Note: This plugin has been superceded by the ‘PixoPoint Menu Plugin‘.

This plugin generates the code necessary to create a Son of Suckerfish WordPress dropdown menu.

Download

The plugin is available for download here … Suckerfish WordPress Plugin

Installation

Add the following code wherever you want the dropdown to appear in your theme (usually header.php) and activate the plugin in your admin panel.

This code adds a button for your home page and dropdowns for your Pages, Archives, Categories and Blogroll.
<?php if (function_exists('suckerfish')) {suckerfish();} ?>

Customisation

You can modify the look of your dropdown by using our new Online Suckerfish Dropdown CSS Generator. The generator has been designed with this plugin in mind, so just copy and paste the CSS code from the generator to the plugins options page.

Credits

Thanks to Patrick Griffiths and Dan Webb for their article which we used as a model for the CSS used in this plugin. And thanks to Miriam Schwab for writing the blog post which motivated us to create it.

Support

For support, please visit the dropdown menus board in our support forum. Please note that many new features are available in the ‘Multi-level Navigation Plugin‘ so you should check that out before asking any questions about this plugin.

DanielRiem says:

hey ryan. thanks for the plugin. its been a great addition to the site. quick question. i have a flash video at the top of my site. but the drop down menu always hides behind it. any way to fix that?

thanks dude.

http://www.storiesof.us

March 15, 2008 at 4:06 am # // Reply

Ryan says:

DanielRiem – I’ll see what I can do about the hover over flash problem and will be back shortly with news on that front.

Unrelated issue: You have an improperly closed favicon link between your head tags.

March 15, 2008 at 5:02 am # // Reply

DanielRiem – Sorry, but I can’t figure out any way to stop the menu from displaying underneath the flash video. It doesn’t seem to happen with some video players though, so perhaps try another one.

March 15, 2008 at 5:14 am # // Reply

Phil says:

Quick hack to allow for drop downs to be visable above overlapping div tags.

Add to either theme stylesheet or suckerfish

#suckerfishnav li ul { z-index:1}

Quality plugin keep up the great work.

March 15, 2008 at 6:47 am # // Reply

Thanks Phil.

What exactly is that correcting though? I thought it was going to fix the problem of the dropdowns not displaying over the top of relatively position block elements, but I tried it and it didn’t correct that problem.

March 15, 2008 at 9:58 am # // Reply

Bartek – Thanks! Your link has now been added to the list.

March 15, 2008 at 10:02 am # // Reply

Scot says:

Ryan

Great plugin…wondering if there is a way to have the pages sorted some way other than alphabetically? Unless I’m wrong, the plugin displays the links vertically in alphabetical order. It would be nice to adjust somehow, perhaps via the page order option in WordPress?

Thx

March 15, 2008 at 12:52 pm # // Reply

Wondering if there is a way to display pages vertically other than alphabetically?

March 15, 2008 at 1:21 pm # // Reply

Scott – Yep, the built in page order feature in WordPress can control the order of the menu items.

If this isn’t working for you then let me know and I’ll look into it.

March 15, 2008 at 2:33 pm # // Reply

Paul says:

Scot – check out sorting options directly through the wordpress tags – http://codex.wordpress.org/Template_Tags/wp_list_pages

Ryan – Is there any way to have the sub-menu items ( li ul ul etc) appear to the left as opposed to the right? My menu is floating on the right side of my page and I would like the dropdown list’s sub-pages to be visible.

I understand that the default list sub-element indent is to the right, and Sukerfish depends on the wordpress tags. I tried setting the wp_list_pages depth to -1 and then reversing your css (left:-999em and left:auto) but I don’t really know what I’m doing and was just hoping that there is a way to do this. Perhaps using CSS to override the default-right-indent.

Any help would be greatly appreciated. I love this plugin!

Just to note, I am using the 1.02 version for specific reasons.

Thanks!

March 15, 2008 at 3:25 pm # // Reply

Paul – I’m sure that is possible, but the last time I tried I made a big mess of it and gave up.

I’ll get back to that at another time though and sort out a proper fix for it. It is something I would like to include in the generator at some stage.

What ‘specific reason’ do you have for using version 1.02? Speed? In theory it will run slightly quicker than the newer one, but the difference should be pretty negligible.

March 15, 2008 at 5:23 pm # // Reply

Jon mathew says:

Cool green menu buttons!

i will try this in my blog

January 1, 2010 at 6:24 pm # // Reply

Ryan says:
Glad you like them Jon
January 2, 2010 at 10:20 pm # // Reply

nuManaGa says:

hello. im using wp 2.9. this plugin work 2.9?

January 15, 2010 at 6:10 pm # // Reply

Ryan says:
Please use our support forum for questions … http://pixopoint.com/forum/
You may want to read the first sentence of the post too:
Note: This plugin has been superceded by the ‘PixoPoint Menu Plugin‘.
January 15, 2010 at 8:17 pm # // Reply

Pgplamen says:

use it successfully

January 18, 2010 at 4:22 pm # // Reply

Wize Time says:

Is there a tutorial which comes with this either written or video?

March 8, 2010 at 8:06 pm # // Reply

Ryan says:
No. This plugin is very old and serves no purpose anymore so there is no documentation for it.
Try the PixoPoint Menu plugin instead … http://pixopoint.com/products/pixopoint-menu/
March 11, 2010 at 12:14 am # // Reply

erik says:

hi !
i just install this plugin
it’s just the perfect right plugin for me
however, in my site the drop down menu appear to be behind the “selected featured posts”

would you mind go take a look at “”test 3″” drop down menu in header ?
i am not too sure where i can change the order of the layers

March 13, 2010 at 8:07 am # // Reply

Ryan says:
This is an ancient out of date plugin which we have not supported for a long time. You should install the PixoPoint Menu plugin instead … http://pixopoint.com/pixopoint-menu/
March 13, 2010 at 8:28 am # // Reply

thx very much , i will give it a try !
but thank you for you time seriously !

March 13, 2010 at 2:22 pm # // Reply

Mis-sold Mortgage says:

Great plugin. Have used it several times on different types of websites. Does anyone know where I can find a multi-column version of this plugin?

Thanks in advance.

March 25, 2010 at 7:44 am # // Reply

Ryan says:
Please post questions in our support forum … http://pixopoint.com/forum/
This plugin does not create a menu, it just adds the Suckerfish script to your pages, so you could use it for anything you like, including with “columns”.
April 1, 2010 at 12:07 am # // Reply

fixx says:

@Ryan: its an issue with flash..not the menu..

add this to the flash code :

wmode=”transparent”

hope it helps

April 19, 2010 at 1:14 am # // Reply

Ryan says:
I have no idea what that is in reply to, but yeah, putting Flash into transparent mode will help make it appear below a dropdown menu.
April 19, 2010 at 5:08 am # // Reply

LahoriMela says:

Hi, Well i installed the plugin but its not working. Means no error.

I am sorry i am noob. Anyone tell me where i have to put this code “”

Coz i put in heard fileabove the pages

But not working.

June 15, 2010 at 6:42 am # // Reply

Thomas Miller says:

Very nice, I’m a big fan of WordPress and it’s great to see new really useful plugins getting released. I’ll download and check it out, looks exactly like what I was looking for for quite a time. So, thanks alot!

June 15, 2010 at 8:13 am # // Reply

What part of “Note: This plugin has been superceded by the ‘PixoPoint Menu Plugin‘.” did you guys miss?

This is an ancient old blog post which has been long out of date. None of it applies anymore.

For the latest plugin go to http://pixopoint.com/products/pixopoint-menu/.

The Suckerfish plugin now literally just adds a suckerfish script to your site – absolutely nothing else. That makes it useless for most peoples purposes.

June 15, 2010 at 10:35 pm # // Reply

Adib says:

Urgh, I’m really new at this but I think I’m just going to deactivate it since I don’t get where to post that php code. Tried posting at the header.php but I don’t get what changes I’m supposed to see.

November 2, 2010 at 11:36 am # // Reply

Ryan says:
This is a very old and unsupported plugin. You should try the PixoPoint Menu plugin instead … http://pixopoint.com/products/pixopoint-menu/
November 14, 2010 at 4:16 am # // Reply

Mike says:

At last I go this for my blog and great work keep it up

I will try this one
http://pixopoint.com/products/pixopoint-menu/

December 1, 2010 at 9:37 pm # // Reply

steve says:

so where is this options page?

July 25, 2011 at 5:31 am # // Reply

Ryan says:
What options page? This plugin does not have one.
August 8, 2011 at 9:38 pm # // Reply

msbhatti says:

Hi, I just installed the plugin in my website
http://bollywood.diggwallpapers.com/
but I can’t see menu. why?

Thanks for you reply?

August 6, 2011 at 4:57 am # // Reply

Ryan says:
This plugin no longer creates menus. It’s used for adding a Suckerfish script to a site. As it says at the top of the page, it has been superceded by the PixoPoint Menu plugin, which it sounds like you would be much better off using.
August 8, 2011 at 9:39 pm # // Reply

Jared says:

Stupid question but what is the list structure for a custom code drop down. Like say I want a drop down menu for “contests” and then list the contests in the drop down. What’s the structure for that?

August 28, 2011 at 9:49 am # // Reply