[Drupal] How to integrate Single Page Site module in Drupal site

| | 2 min read

This article covers to the How to integrate Single Page Site module in a Drupal website. Single page site is of one of the newest trends in web designing. It allows you to automatically create a single page from a menu. The single page module will render all contents from the configured menus and links.It will then override the menu links so that they refer to an anchor instead of a new page.

Steps to integrate Single page site in your drupal site

  • Download Single page site module and extract to sites/all/modules/
  • DownloadMenu Attributes (This module allows you to specify some additional attributes for menu items such as id, name, class and style)
  • Enable Single page site and Menu Attributes modules.
  • Go to /admin/people/permissions
  • Enabled View single page site access permissions for an anonymous user and authenticated user.

Single Page Site Settings

Go to Single Page Site Settings page. (/admin/config/system/single-page-site).

  • Choose the menu to create a single page from the list of different menu types
  • Define the class/id of the menu items that should implement the single page navigation.
  • Configure the title of the page
  • Define the HTML tag which should be used for title-wrapping.
  • Set this page as your homepage.

Menu attributes Settings

Go to Menu attributes page. (admin/structure/menu/settings).

  • Select items to be displayed as the Main links.
  • Select classes/Id tab: Enter additional classes/Id to be added to the link.

Single Page Site integration

  • Go to structure -> menus -> "your single page menu" and give all the menu links that have to appear on the single page the class/id you defined in Single Page Site Settings/ Menu attributes Configuration.
  • If you want to change the title of the menu item from section title on your single page, you can use the name attribute of the menu link as a title.

For more details:

https://www.drupal.org/project/single_page_site

https://www.drupal.org/project/menu_attributes

If you face any doubts while configuring, please let us know. Also, you may look into other solved issues related to Drupal module configurations over here.