How to create the custom Navigation Node and Explorer tree in Hybris backoffice

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

1. Add the root navigation node

<context component="explorer-tree" merge-by="module">
		<n:explorer-tree xmlns:n="http://www.hybris.com/cockpitng/config/explorertree">
			<n:navigation-node id="CustomTree">
			</n:navigation-node>
		</n:explorer-tree>
	</context>

2. Add the explorer tree node to the navigation node

<context component="explorer-tree" merge-by="module">
		<n:explorer-tree xmlns:n="http://www.hybris.com/cockpitng/config/explorertree">
			<n:navigation-node id="CustomTree">
				<n:type-node code="MYType" id="My.Type" />
			</n:navigation-node>
		</n:explorer-tree>
	</context>

3. Add an entry in labels_en.properties to define localized value for Node Type

My.Type=MY Custom Type