Backoffice Customization: Custom Navigation node

The navigation node and explorer tree are helpful in faster search and quick navigation for particular types in the back office, Below are the steps to be added in backoffice-config.xml of the custom back office extension.

<config xmlns="http://www.hybris.com/cockpit/config"
	xmlns:na="http://www.hybris.com/cockpitng/config/notifications">
<context component="explorer-tree" merge-by="module">
		<n:explorer-tree xmlns:n="http://www.hybris.com/cockpitng/config/explorertree">
			<n:navigation-node id="ProductPromotionComponent">
				<n:type-node code="ProductName" id="productName" />
				<n:type-node code="ProductPrice" id="productPrice" />
				<n:type-node code="ProductSpecification" id="productSpecification" />
			</n:navigation-node>
		</n:explorer-tree>
	</context>

</config>
  • Above first root navigation node is added than explorer tree is added to the navigation node and further type node is also added to the root navigation node.
Add an entry in labels_en.properties in (backoffice extension) to define localized value for Node Type.
type.ProductPromotionComponent.name = ProductPromotionComponent

Leave a comment