Theme Development Tools for SuiteCommerce Customization

A theme is a special type of extension that influences the design and appearance of a domain, including layouts and styles. A theme comprises HTML templates, Sass files, and other assets that can be published as part of a SuiteApp or directly deployed in a NetSuite account by theme developers.

To determine if creating a custom theme using the theme developer tools suits your needs, it's beneficial to consult the Commerce Developer Essentials documentation.

Using the SuiteCommerce Base Theme

The only theme available for SuiteCommerce MyAccount sites is the SuiteCommerce Base Theme published by Oracle NetSuite. This Base Theme can serve as a foundation for developing your own custom theme to ensure compatibility with SuiteCommerce MyAccount.

Getting Started with Theme Development

Follow the steps outlined in the following sections to learn how to effectively set up your theme development environment:

• Set Up Theme Developer Tools: Download and configure your development environment for theme customization.
• Theme Development Files and Folders: Understand the structure of essential files and directories.
• Anatomy of the Base Theme: Learn about the components of the Base Theme to get started.
• Develop Your Theme: Steps for creating your custom theme.
• Test and Deploy Your Theme: Best practices for testing your theme before deployment.
• Best Practices for Creating Themes: Learn the key strategies for successful theme development.
• Commerce Sass Style Definitions: Guidelines for styling your themes effectively.
• Theme Tutorials: Access detailed tutorials to accelerate your learning process.
• Do More With Themes: Explore advanced features and capabilities of themes.

Prerequisites for Theme Development

Before you can start developing a theme, ensure you have accomplished the following prerequisites:

• Verify that SuiteCommerce or SuiteCommerce Advanced is installed.
• Ensure the SuiteCommerce Extension Manager is operational.
• Set up your developer environment by installing Node.js and Gulp.js.

Downloading Theme Developer Tools

To initiate theme development, download the appropriate theme developer tools:

1. Log in to your NetSuite account.
2. Navigate to Documents > Files > File Cabinet.
3. Go to the folder SuiteBundles/Bundle 521562/.
4. Download the latest .zip file, such as ThemeDevelopmentTools-24.1.x.zip.

Important Notes

• Each top-level theme workspace can support only one theme. To create multiple themes, you'll need separate instances of the theme developer tools.
• These tools are necessary for all SuiteCommerce and SuiteCommerce Advanced sites implementing the Aconcagua release or later, as customizations to Sass or HTML template files cannot occur without them.