Example

Example

You want to provide four selectable skins for a theme, each with a different color scheme to correspond with the different seasons: winter, spring, summer, and fall. You create four individual skin preset files in your theme's Skins directory: winter_skin.json, spring_skin.json, summer_skin.json, and fall_skin.json.

You use the theme developer tools to run the theme gulp:local command. The developer tools automatically edit your theme's manifest.json file to include these skins:

json

1//...
2,   'skins': [
3      {
4         'name': 'winter_skin'
5      ,   'file': 'Skins/winter_skin.json'
6      }
7   ,   {
8         'name': 'spring_skin'
9      ,   'file': 'Skins/spring_skin.json'
10      }   
11   ,   {
12         'name': 'summer_skin'
13      ,   'file': 'Skins/summer_skin.json'
14      }   
15   ,   {
16         'name': 'fall_skin'
17      ,   'file': 'Skins/fall_skin.json'
18      }      
19]
20//...

Later, you decide that you want the SMT Theme Skin Manager to display different names for each skin. You open the manifest.json file and make the following edits to each skin object's name property:

json

1//...
2,   'skins': [
3      {
4         'name': 'Winter Color Scheme'
5      ,   'file': 'Skins/winter_skin.json'
6      }
7   ,   {
8         'name': 'Spring Color Scheme'
9      ,   'file': 'Skins/spring_skin.json'
10      }   
11   ,   {
12         'name': 'Summer Color Scheme'
13      ,   'file': 'Skins/summer_skin.json'
14      }   
15   ,   {
16         'name': 'Fall Color Scheme'
17      ,   'file': 'Skins/fall_skin.json'
18      }      
19]
20//...

Frequently Asked Questions (4)

How can I create different selectable skins for a theme in NetSuite?

To create different selectable skins for a theme, you can place individual skin preset files in your theme's Skins directory, naming them according to your desired categories (e.g., winter_skin.json, spring_skin.json, etc.). These will then be included in your theme's manifest.json.

Do I need to run a specific command for the theme developer tools to update my manifest.json with skins?

Yes, you need to run the `theme gulp:local` command. This command automatically updates your theme's manifest.json file to include the skins located in your Skins directory.

Can I change the display names for skins in the SMT Theme Skin Manager later?

Yes, you can change the display names by editing the `name` property in the manifest.json file for each skin. This will update how the skins are displayed in the SMT Theme Skin Manager.

Where should I store the skin preset files for my theme?

Skin preset files should be stored in the Skins directory within your theme. This allows the theme developer tools to recognize and include them in the theme's manifest.json file.

Frequently Asked Questions (4)

More in General