Boosting your Add-ons visibility
Your Add-on is located in the Add-ons section. However, if your Add-on is used frequently, accessing it from this section may not be convenient enough.
To address this, we’ve provided two options to enhance the visibility of your Add-on:
- Adding Add-on to the SCAYLE Panel main navigation
- Adding Add-on to the SCAYLE Panel sidebar
Possible positions of your Add-on
Adding Add-on to the SCAYLE Panel main navigation
To create your own entry in the main navigation you need to extend your Add-ons manifest.ts
Adding Add-on to the SCAYLE Panel sidebar
Configuration to add your navigation item to the sidebar required modifying and creation various files:
Extend your manifest.ts
Add your route name
File: app/Support/RouteNames.php
Example: public const SHOP_ADDONS_OMNICHANNEL = 'shop.addons.omnichannel';
Add your navigation configuration
File: config/navigations.php
In this example, the navigation item is added to the shops sidebar.
The route.name is also used for checking permissions, so unless you want to create your own permission, use an existing and appropriate name that covers the desired permissions.
Example:
Add translations
Files: lang/de/navigation.php, lang/en/navigation.php, …
Example: RouteNames::SHOP_ADDONS_OMNICHANNEL => 'Omnichannel Add-on',
Create and add your JS router file
Create your dedicated router file: resources/assets/application/router/routes/shop-omnichannel.js
Example:
Add your router file to routes/index.js
File: resources/assets/application/router/routes/index.js
Example:
Create your landing page
File: resources/assets/application/pages/shop/omnichannel/Teaser.vue
Example:
