NetSuite Changelog
CommerceSuiteCommerceCustomizationHow-ToReferenceNew Feature

Theme Development Life Cycle for Customization in SuiteCommerce

Understand the theme development life cycle in SuiteCommerce, including key stages from fetching to activating custom themes.

·2 min read·1 views·View Oracle Docs

The theme development life cycle in SuiteCommerce outlines the essential stages developers follow to create and implement custom themes. This process involves fetching existing themes, customizing them, testing locally, deploying, and finally activating the theme on a Commerce website. Following these steps ensures a structured approach to theme development, enhancing the overall design and functionality of the site.

What Are the Stages in the Theme Development Life Cycle?

The theme development life cycle comprises five significant stages, each with its own commands and expected outcomes:

StageActivityGulp CommandResult
1. Fetch existing themeDownload files for the active theme to serve as a baseline for customizationgulp theme:fetchCreates a Workspace directory and downloads theme files into subdirectories.
2. Customize existing themeModify templates, styles, or assets using a chosen editor-Customized files are revised and stored in the local Workspace directory.
3. Test locallyCheck the theme locally to identify issues before deploymentgulp theme:localCompiles source files into a LocalDistribution/tmp directory for live testing.
4. Deploy themeUpload your theme to NetSuite for activationgulp theme:deployValidates customizations, copying files to DeployDistribution and then uploads to NetSuite.
5. Activate themeApply the theme to a Commerce website domain-The customized theme is now active and controls the design and layout of the selected domain.

Important Note: While customizing themes, be mindful that SuiteScript, JavaScript, and configuration files cannot be included within themes.

Conclusion

By adhering to the structure of the theme development life cycle, developers can efficiently create and manage custom themes within SuiteCommerce, ensuring their sites not only meet design expectations but also function seamlessly for users.

For further information on the tools required for theme development and their respective capabilities, refer to the guidance on the tools overview.

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

Frequently Asked Questions (4)

Does the theme development life cycle apply to both standard SuiteCommerce and SuiteCommerce Advanced?
The article does not specify if the theme development life cycle is exclusive to either version of SuiteCommerce. It generally outlines a structured process applicable to SuiteCommerce.
Are there any files or scripts that cannot be included in SuiteCommerce themes?
Yes, SuiteScript, JavaScript, and configuration files cannot be included within SuiteCommerce themes when customizing them.
What command is used to fetch the existing theme files for customization in SuiteCommerce?
To fetch the existing theme files, use the `gulp theme:fetch` command. This downloads theme files into subdirectories in the Workspace directory.
What happens if issues are found during local testing of the customized theme?
If issues are identified during local testing using the `gulp theme:local` command, developers can revise the customized files stored in the local Workspace directory before proceeding to deploy them.
Source: Theme Development Life Cycle — Oracle NetSuite Help Center. This article was generated from official Oracle documentation and enriched with additional context and best practices.

Was this article helpful?

More in Commerce

View all Commerce articles →