Translate
Using the example that we published to GitHub, we'll go through the steps of customizing the primary navigation.
Customize Navigation
Please refer to the https://github.com/RWS/tridion-sites-extensions-examples/tree/main/sites-10-ux-update/primary-navigation
This repository contains examples of extensions for Tridion Sites. It covers different extension points and also demonstrates usage of a wide range of hooks, components and utility methods.
|
Operation |
Example |
|
Navigation item with restricted access |
|
|
Dynamic navigation item that depends on the async request |
|
|
Navigation items customization |
|
|
Publish transactions navigation item |
|
|
Classic UI navigation item |
Extension Name : Customize Navigation
Extension Source Path : https://github.com/RWS/tridion-sites-extensions-examples/tree/main/sites-10-ux-update/primary-navigation/customize-navigation-addon/customize-navigation
Commands
- "npm i" this installs the project
- "npm run build" this builds the solution
- "npm run pack" this creates the package
If you wan to run the extensions from you local , please run "npm run dev"
Upload the package using Add-on
Add-on Install Success
After Installed Add-on : View the customized navigation add-on
Disable the Add-on
Access the Experience Space ( new UI)
