Add Font Awesome stylesheets to SuiteCommerce pages using Site Management Tools

Applies To

Product: NetSuite 2024.1

SuiteApp: SuiteCommerce 2023.2 | Bundle ID: 496890

Scenario

While the Font Awesome base font is included by default in SuiteCommerce implementations, you may still need to source the Font Awesome stylesheets to use the included icons. One option is to add the links to the style sheets in the header section for all pages, via Site Management Tools.

Solution

Add Font Awesome stylesheet to your SuiteCommerce pages via Site Management Tools

1. Access your web store on a browser
2. Press ESC to access the SMT.
3. Log in to the SMT
4. Switch to Edit Mode.
5. Click the Plus icon.
6. Drag a new CMS HTML section to the header for all pages.
7. Populate the Name field for easy tracking (optional)
8. Add the link to the stylesheets required by your webstore in the HTML Code field
9. Example:
10. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/fontawesome.css" integrity="sha384-BzCy2fixOYd0HObpx3GMefNqdbA7Qjcc91RgYeDjrHTIEXqiF00jKvgQG0+zY/7I" crossorigin="anonymous">
12. For more information on how to get links to the appropriate stylesheets, including paid Pro icons, see How to use Font Awesome.
13. Click Save
14. Go to Review & Publish Changes
15. Select the created CMS HTML content
16. Click Publish