Color Palettes Subtab

This topic applies to

Applies to

Aconcagua | Elbrus | Kilimanjaro | SuiteCommerce Web Stores | Vinson

These settings define the default color palette or let you create a new one. A color palette maps a color defined in NetSuite to a CSS color value. A color palette maps a color label to its hexadecimal value.

More Information: Faceted Navigation

Each color palette contains the following:

  • Palette ID (string) – specifies the internal id for the color. The default color palette is called default. When creating a custom color palette, use only number values from 1 to 20.

  • Color Name (string) – specifies the name of the color.

  • Color Value (string/object definition) – specifies the hexadecimal value of the color or an object definition of an image.

    In some cases, you may want a color option that cannot be generated from a hexadecimal value, such as an image of fabric. In these cases, you can define the image as an object in the Color Value instead of a hexadecimal value. In this object definition, define the following:

    • type: as image

    • src: as the URL of the desired image

    • width and height: as pixels

    Example: {type: 'image', src: '/siteImgFolder/colorImage.png', width: 29, height: 29}.

IDs

layout.ColorPalette
layout.ColorPalette.paletteId
layout.ColorPalette.colorName
layout.ColorPalette.colorValue
layout.ColorPalette.imgsrc
layout.ColorPalette.imgheight
layout.ColorPalette.imgwidth

IDs (pre-Elbrus)

Note

These properties appear in the Shopping Catalog tab and Facet Color Palettes subtab in Vinson implementations of SCA.


facetsColorPalette
facetsColorPalette.paletteId
facetsColorPalette.colorName
facetsColorPalette.colorValue

UI Location

Layout > Color Palettes

Configuration file (pre-Vinson)

SC.Shopping.Configuration.js