Edit Theme manifest.json for Customization in NetSuite Commerce

Each theme in NetSuite Commerce includes a manifest.json file within the Workspace directory, vital for managing resources in an active theme. This file is crucial for compiling resources and should be edited to include any HTML, Sass, or assets created during theme customization.

What Does the manifest.json Include?

The manifest.json file organizes various elements:

• Theme Metadata: Automatically populated upon deploying a theme. It contains important fields such as name, vendor, type, target, version, and description.
• Overrides: Manages extension overrides. Using Gulp.js commands, any HTML or Sass file overrides are automatically included during deployment.
• Templates: Lists HTML template files for applications like shopping, myaccount, and checkout. Custom templates must be manually added.
• Sass: Defines paths to Sass entry points. New Sass files should be added in the logical order of their hierarchy.
• Skins: These are automatically updated when running theme development commands. You can customize the name of these skins for clarity.
• Assets: Manages theme directory asset paths, facilitating the integration of new images and fonts.
• Record Paths: Details the theme, extension record, and activation IDs within NetSuite.

Customizing Your Theme

To customize your theme effectively, you should manually update this file. Note that Gulp.js tools assist in some updates, particularly when deploying your theme or handling theme overrides.

For more examples and guidance on customizing themes, consider checking related resources such as "Add a New File to a Theme," "Test and Deploy Your Theme," and best practices documentation.

Who This Affects

• Developers working on theme customization
• Administrators managing SuiteCommerce configurations
• eCommerce teams seeking to implement unique themes on their storefronts

Key Takeaways

• manifest.json is central to theme resource management in NetSuite Commerce.
• Theme customizations require manual entries for new HTML, Sass, and assets.
• Tools like Gulp.js automate some of the processes, but manual edits are essential for custom files.
• The manifest file allows for extensive customization and management of themes, from metadata to assets.