The area corresponding to FooterNavigationComponent on the UI is shown in the figure below:
In Hybris, FooterNavigationComponent is a component used to build and manage website footer navigation. This component allows users to easily add and edit navigation links to the site's footer and ensure that these links are consistent across the site.
One of the main advantages of using FooterNavigationComponent is that it allows webmasters to update footer navigation without modifying any code. This means that even someone without a technical background can easily manage the footer navigation of a website. Furthermore, since this component is part of the Hybris platform, it can also be integrated with other components and functions for more advanced customization and optimization.
Following are some key concepts and steps for using FooterNavigationComponent in SAP Hybris.
-
Create the FooterNavigationComponent: In the Hybris Admin Console, navigate to the "Components" section. Here, you create a new instance of FooterNavigationComponent and give it a unique ID. You can also set other properties, such as the component's name and description.
-
Adding Navigation Nodes: FooterNavigationComponent contains a sub-collection called "Navigation Nodes" to store links for footer navigation. In order to add a new navigation node, you need to create a new NavigationNode instance in the component's "Navigation Nodes" collection. Give each node a unique ID and provide the node's name and link URL. You can also assign a sort order to each node so they are displayed correctly in the footer.
-
Configure Link Type: For each navigation node, you also need to specify the link type. The link type defines how the link is rendered in the footer, for example as a text link, icon link or link with an image. In Hybris, the link type is represented by LinkType enumeration, which includes the following values: TEXT, ICON, and IMAGE. You can assign a LinkType to each navigation node to customize how links are displayed as desired.
-
Add child navigation nodes: In addition to top-level navigation nodes, you can also add child navigation nodes for each node. This allows you to create footer navigation with multi-level hierarchies, making it easier for users to find what they're interested in. To add a child navigation node, create a new NavigationNode instance in the parent node's "Child Nodes" collection, and assign properties to it in the same way you would add a top-level node.
-
Add FooterNavigationComponent to page template: In order to display footer navigation on your website, you need to add FooterNavigationComponent to page template. This is usually done by including a special tag in the template's JSP file.