Steps to update existing footer in a SCA website

1. Download ‘ExtensionDevelopmentTools<version>.zip’ file from ‘SuiteBundles/Bundle <id>’ directory in file cabinet.
2. After extracting the zip file, run the command ‘gulp extension:fetch’ in the root directory. This command will download the active theme and compiles all theme resources (Sass, HTML, and other assets).
3. Create a new extension by running the command ‘gulp extension:create’.
4. Get the ‘Layout’ component in the js file located inside the javascript folder. Add a child view ‘footer’ to the layout component.
5. Create a View.js file and define SC.Configuration, Backbone and template. In the View.js file we retrieve the field values from the configuration and return these values.
6. Create a template file in which display the values returned by view file.
7. Test the changes locally by running the command ‘gulp extension:local’ and verify.
8. After verifying the changes made deploy the extension by running the command ‘gulp extension:deploy’.

Sample code is provided below.

CustomFooter.js

CustomFooterMod.View.js

custom_footer.tpl