Drupal

  1. Open the theme at the Home template.

  2. Add several Section controls. These are the section of which the One Page website will consist.

  3. Specify Section ID:

    drupal-section.png

    The Section ID is the anchor to which the page should scroll once you click on the menu item.

  4. Add desired content into the Sections.
    For example, you can add Drupal Region controls using Insert >> Drupal Region. Later you can add any Drupal blocks into the appropriate regions via Drupal Structure >> Blocks.

  5. Add the Horizontal Menu control from Insert >> Navigation >> Horizontal Menu if it does not exist.
    Note: If the Horizontal Menu control was previously removed, you should place the appropriate Menu Block into the corresponding region under the Drupal >> Structure >> Blocks.

  6. Add "Smooth Scrolling" extension to the Horizontal Menu. You can also add "Fix on Scroll" extension if needed.

  7. Enable "Scroll Spy" plug-in under the Themler Settings tab.

  8. Save changes.

  9. Go to the Drupal >> Structure >> Menus >> choose the menu >> Add Link >> in the Path you should specify the path in the following format e.g.:
    node/4#anchor
    For example:

    drupal-one-page.png

    NOTE: You should use the existing node id because Drupal does not allow creating menu links to non-existing nodes.
    As alternative you can specify absolute path:
    http://YOUR_SITE.com/#home
    For example:
    drupal-one-page2.png

    NOTE: The Drupal will save such link as http://YOUR_SITE.com/#home#home. But in the front end you will see the proper link.

### Drupal 1. Open the theme at the Home template. 2. Add several **Section** controls. These are the section of which the One Page website will consist. 3. Specify Section ID: !drupal-section.png! The Section ID is the anchor to which the page should scroll once you click on the menu item. 3. Add desired content into the Sections. For example, you can add **Drupal Region** controls using **Insert** >> **Drupal Region**. Later you can add any Drupal blocks into the appropriate regions via Drupal Structure >> Blocks. 4. Add the **[Horizontal Menu](page:4756)** control from **Insert** >> **Navigation** >> **Horizontal Menu** if it does not exist. **Note**: If the Horizontal Menu control was previously removed, you should place the appropriate Menu Block into the corresponding region under the Drupal >> Structure >> Blocks. 5. Add **"Smooth Scrolling"** extension to the Horizontal Menu. You can also add "Fix on Scroll" extension if needed. 6. Enable **"Scroll Spy"** plug-in under the Themler **Settings** tab. 5. Save changes. 7. Go to the **Drupal** >> **Structure** >> **Menus** >> choose the menu >> **Add Link** >> in the **Path** you should specify the path in the following format e.g.: `node/4#anchor` For example: !drupal-one-page.png! **NOTE:** You should use the existing node id because Drupal does not allow creating menu links to non-existing nodes. As alternative you can specify absolute path: `http://YOUR_SITE.com/#home` For example: !drupal-one-page2.png! **NOTE:** The Drupal will save such link as `http://YOUR_SITE.com/#home#home`. But in the front end you will see the proper link.