Table of contents Previous Next
Components
In this article, we provide guidance on two methods for creating the Menu Component. We describe the approach for the following:
In this guided practice, you create a menu that uses the authoring template as search criteria. It allows users to find content throughout the Web site independently of a site area. The menu that you create in this section appears on the home page displaying the 4 main site areas using images.
This content page displays content that has authoring template
General assigned to it, but that is linked to different site area.
To create a menu using categories as search criteria, follow these steps:
1. Click
New and choose
Component Menu.
2. In the name field, enter Menu-HomePage
3. In the
Menu Element Query, choose
Authoring Templates
4. Click on
Select Authoring Template
5. Click
Add
6. Choose
General
7. Click
Ok
8. In the
Design for each menu search result, add the following Html:
 Hint
This is referencing the component stored in the Image field of the content items.
|
To be able to preview the menu, we have to create the content first
In the following steps, we will show you how to create a very similar menu to the previous one, but by choosing both the site area and the authoring template. We could have implemented it with the site area only, but since we have other content (ex. Default content) that should not appear in the menu, we had to add the authoring template as a search parameter as well.
This menu will be displayed when clicking on the "Where we are" in the left navigator. The page will first display the default content of the site area followed by the menu. Refer to Figure 22 showing a part of the "where we are" page
Figure 22 "Where we are" page with Locations menu (327_3)
1. Click New and choose Component Menu.
2. In the name field, enter Menu-Locations
3. In the Menu Element Query, choose Authoring Templates
4. Click on Select Authoring Template
5. Click Add
6. Choose Locations
7. Click Ok
8. Click on Select Site Area
9. Click Add
10. Choose Where we are Site Area
11. Click Ok
12. Expand Further Options
13. Select Current content
14. Add the following html to the header :
15. Insert the following html in the design for each menu result
16. Close the table using the following html in the footer
In the Separator, you can either reference an image which represents a line to separate the result or add a dotted line which could be changed later. To add an image not already created as an image component, do the following steps
17. Above the Seperator area, click on Insert an Image
18. Click on Browse and navigate to the image seperator_490.gif
19. Select the option Add image to library and grant all users access
20. Click Ok
21. Click Save and
22. Click on Component Image
23. You will find a new image component added with the file name seperator_490.gif
24. Repeat steps 1 through 21 to create the following Menu Components:
|
|
|
|
|
|
|
Set Current Content to true
|
|
|
|
|
|
|
|
|
Menu-Corporate Information
|
|
News/Corporate Information
|
 Note:
For the menus Menu-Products and Menu-Offers, the design for each menu result would be as follows:
|
You can also create a menu for the related links.