Top
All the pages are made according to the structure used in the sidebar, so that developers can find the related files easily.
Inside theme folder navigate to src folder and in that goto pages folder. Inside this folder are the main pages that are called in the router to render that page.
For all the sections that are commonly used thoughout the theme are converted into small components and are placed in the components folder.
You can find components folder insider src folder.
Note: As these components are used throughout the theme so if you make any changes in these components then , changes will apply to wherever that component has been used.
For Example: Breadcrumbs are common throughout theme, so we have created a component for it and we call it wherever we need it. But now if you make any changes in the breadcrumbs component then all the breadcrumbs content will change as per you changes.
Navigate to src folder and the to the assets folder. There you can find all the assets like Images, scss files, fonts file etc. If you need to add any additional assets, we recommend you add it inside the assets folder so that the folder structure is maintained.
To make code sorter and easily modifiable, we get the required data from a JSON file and loop through it. This process makes our code mode dynamic and more readable.
For Example: There are many links in our sidebar and if we write HTML code for individual link then, there will be hundreds of lines of code and it would be dificult to make any changes in all the links at once. So the solution is making a JSON file , in which we define an array and then loop through it. To add or remove links you can make modification in menu.json file.
Navigate to theme > src > data
folder to find all JSON files.