getThemeAssetsPath Helper for Theme Customization in NetSuite

The getThemeAssetsPath($asset) function serves as a Sass helper that simplifies the process of accessing both new and pre-existing assets within your theme directory. This function is particularly useful within extension overrides and theme customizations.

How to Use getThemeAssetsPath

To utilize this helper in your Sass files, you can apply it like so:

body {
    background-image: url(getThemeAssetsPath('font-awesome'));
}

Result Explanation

When you invoke this helper, it returns the asset path that corresponds to the active theme. The resulting path will look something like this:

<FULL_PATH>/extensions/<VENDOR>/<THEME_NAME>/<VERSION>/font-awesome

This structure contains dynamic components that will adjust based on the specific vendor, the theme's name, and its version, ensuring your assets are always correctly linked and ready for use.

Who This Affects

• Developers: When customizing themes and extensions in SuiteCommerce.
• Theme Designers: For incorporating asset files smoothly into the design process.

Key Takeaways

• The getThemeAssetsPath function provides a straightforward method to access theme directories.
• It's essential for linking assets in Sass in NetSuite customizations.
• Use it to ensure consistent paths across different themes and versions.