getThemeAssetsPath for Theme Customization in NetSuite

TL;DR

The getThemeAssetsPath(default_value) helper function allows developers to easily access assets located in the theme directory, enhancing the process of creating and customizing templates in NetSuite. This function is essential for managing both new and existing assets effectively.

What is getThemeAssetsPath?

The getThemeAssetsPath function is an HTML template helper designed to streamline the process of accessing assets within a theme directory in NetSuite. Using this function, developers can reference both new and pre-existing assets when customizing or extending templates.

How Do You Use This Helper?

To utilize getThemeAssetsPath, you provide a default_value, which is the relative path pointing to the asset you wish to access.

Example Syntax in Template File:

Here’s how you can use getThemeAssetsPath in your HTML:

<img src="{{ getThemeAssetsPath 'img/logo.png' }}" >

Example Result:

The helper will return the path to the active theme’s asset, formatted as follows:

<FULL_PATH>/extensions/<VENDOR>/<THEME_NAME>/<VERSION>/img/logo.png

This structure indicates where in the file system the asset is located, allowing for dynamic loading based on the current theme configuration. This function significantly simplifies asset management within theme customizations, ensuring that all the necessary assets are easily accessible during development.

Who Should Use This?

• Developers looking to create or modify templates and extensions within NetSuite.
• Administrators involved in the customization of storefronts and user interfaces.

Key Takeaways

• getThemeAssetsPath assists in accessing theme assets dynamically.
• Using this helper simplifies the integration of assets into templates.
• Provide the relative path in default_value for successful asset retrieval.

Source: This article is based on Oracle's official NetSuite documentation.