Theme Customizer

Every so often, we want a change to our physical appearance. The change could be as simple as a new haircut or a new outfit. Or, it could be something more drastic like a shocking new hair color or a trimmer new figure.

The same is true for the appearance of your website. When things start looking stale, you may want to freshen up the look of your site with a change. The change can be something as simple as applying a new font color and weight for headings. Or it can be more drastic such as switching to a dark background color and a lighter font. Maybe you simply want to switch to fall colors for the change of seasons.

Regardless of the reason, the Theme Customizer is an easy way for you to make changes to the appearance of your site. Furthermore, just as you wouldn’t buy a new pair of sunglasses without first checking your appearance in the mirror. The theme customizer also lets you preview your changes before you commit and save them to your site.

Theme Customizer Prerequisites

Your site and theme must meet certain requirements before you can use the Theme Customizer in SMT. If you don’t meet the requirements, you can’t access the theme customizer. There are three requirements for using the theme customizer:

  • You must be using version 3 of Site Management Tools.

  • You must be on the Aconcagua release of SuiteCommerce or greater.

  • The theme deployed to the site must include elements that can be edited.

More on Themes

Your website theme controls the appearance of your site. The theme determines everything from the color of the page background, to the font size and weight, and elements you may haven’t even thought of. Themes are normally created by web designers or developers and are deployed to your SuiteCommerce site in NetSuite. When the designer creates the theme, they can specify that certain elements in theme are customizable. These customizable elements are listed in the side panel when you select the Theme Customizer from the SMT Settings menu.

As you make changes to these elements they are displayed in real time in the preview pane.

There are several different types of controls for customizing website attributes. The customizable elements, possible values, and types of controls can vary from theme to theme and even for different skins within a theme. If there are attributes, you want to change, but those aren’t available, talk to your developer to see if they can change the theme to give you control for more elements. There’s even an entire set of documentation just for the developer that tells how to do it. The Themes topic tells all about it.

Themes with Skins

A theme can include one or more skins. If you’re new to that term, a skin is a group of elements that are designed to compliment each other. You quickly change the appearance of your site, simply by choosing a different skin. To select a skin, you select it from the Skin dropdown list at the top of the Theme Customizer. When you select a skin two things happen:

  1. The site preview updates to reflect the attributes of that skin.

  2. The theme customizer displays the customizable attributes for the selected skin.

It is also possible to have a theme with no skins at all. If this is the case, the Skin dropdown menu isn’t displayed, and the theme customizer shows the customizable attributes for the current theme.

Example: Theme With Multiple Skins

You have a theme named Seasons deployed to your site. This theme includes four different skins:

  • Winter

  • Spring

  • Summer

  • Fall

As the seasons change, you choose the corresponding skin for your site. When summer turns to fall, you want your site to mirror the goldenrods, crimsons, and umbers in nature. In the Theme Customizer, you choose the Fall skin. You’re happy with most of the elements, but you think the level three headings could be a few sizes larger, and a darker shade of red. So in the Theme Customizer, you change the font size and weight for the heading, and choose a deeper red. You preview the changes and are happy with the new look, so you save the changes.

Now you have a new fall theme site simply by changing the skin and making a few edits. This leaves you more time for hot chocolate and contemplating your place in the universe, all while staying nice and cozy in your new fall sweater.

Restoring a Theme

Have you ever bought something, got it home, and decided it looked better in the store? If you make changes to your theme and later decide you liked the site better before your changes. Stay calm. You don’t have to try undo every change you made. Instead, you can restore a theme to its defaults. At the bottom of the theme customizer in the side panel, there is a link that says Restore defaults.

You guessed it. Click this link to discard any changes to the theme and restore it to the default settings. Depending upon the theme, restoration can take a couple of minutes.