Support Center

How to implement Superfish menus in my Drupal installation

Last Updated: Jul 04, 2013 03:12PM EEST
In order to implement Superfish menus in your Drupal installation, you should follow this guide.
 

Download Modules and Superfish Javascript library


1. Download and extract the Libraries module to sites/all/modules - http://drupal.org/project/libraries
2. Download and extract the Superfish module to sites/all/modules - http://drupal.org/project/superfish
3. Create one extra folder with name "libraries" inside the sites/all folder, if this does not exist. Finally, the structure should be sites/all/libraries.
4. Download the Superfish library (Superfish library link is also located as requirement on Drupal Superfish project page http://drupal.org/project/superfish) and extract it to sites/all/libraries/superfish (so that the superfish.js will be located at http://example.com/sites/all/libraries/superfish/superfish.js)

Finally, the folder structure should be like this:
sites/all/modules/superfish (the Superfish module)
sites/all/modules/libraries (the Libraries module)
sites/all/libraries/superfish (the Superfish JavaScript)

NOTE: If you have purchased one of our Premium Drupal themes, you can just copy the above folders directly from the downloaded package:
site/d7/sites/all/modules/superfish (the Superfish module)
site/d7/sites/all/modules/libraries (the Libraries module)
site/d7/sites/all/libraries/superfish (the Superfish JavaScript)
 

Install modules


5. Enable the Superfish and Libraries modules through the Modules page of your Drupal installation (Home » Administration » Modules).
 
 

Basic Configuration


6. Superfish module uses the Drupal block system. Therefore, after the installation Superfish module has already created 4 Superfish blocks, which you can access through the Blocks configuration page (Home » Administration » Structure » Blocks). You will notice that the first one has the name "Superfish 1 (Superfish)" and this is by default connected with the Main menu. Click the configure link, set the Title "<none>", enable the "Auto-arrows" option and finally place this block to the "Navigation" region.
 
In case this article leaves any of your questions or concerns unanswered, please feel welcome to email us or post a public question.

​More than (just) Themes
http://www.morethanthemes.com/

Contact Us

[email protected]
http://assets0.desk.com/
false
morethanthemes
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete