Columns

The Columns extension lets you add, configure, or delete up to three columns of text with images and call-to-action buttons using Site Management Tools (SMT). You can choose to add one, two, or three columns. Column layout adapts to fit the page width, according to the screen size. With Columns, you can organize your web content into manageable blocks.

For more information about SMT, see Site Management Tools Overview.

Important:

Commerce extensions, including Columns, are only available if provisioned, installed, and activated for a selected domain in your NetSuite account. For more information, see Commerce Extensions.

Note:

Extensions require SuiteCommerce or the Aconcagua release of SuiteCommerce Advanced or later.

This topic explains how to:

Set Roles Permissions to Use Columns

For the Columns extension to work correctly, give the following permissions for the CCT Columns record:

  • Customer Center role – Requires view permission.

  • Employee Center role – Requires full permission.

To give the Customer Center role access to the CCT Columns record:

  1. Go to Setup > Users/Roles > User Management > Manage Roles (Administrator).

  2. Click Customize next to the Customer Center role.

  3. Go to the Permissions tab and the Custom Record subtab.

  4. From the Record list, select CCT Columns.

  5. From the Level list, select View.

  6. Click Add.

  7. Click Save.

To give the Customer Center role access to the Employee Center record:

  1. Go to Setup > Users/Roles > User Management > Manage Roles (Administrator).

  2. Click Customize next to the Employee Center role.

  3. Go to the Permissions tab and the Custom Record subtab.

  4. From the Record list, select CCT Columns.

  5. From the Level list, select Full.

  6. Click Add.

  7. Click Save.

Add a Column

To add a column to your web store, add the Column content type to a page on your site using SMT. You can add up to three columns.

To add a column:

  1. In your website, go to the page where you want to add a column.

  2. Log in to SMT.

    For more information, see Users and Roles in SMT.

  3. In Edit mode, click Add on the Site Management toolbar.

  4. Drag the Column content type to the page.

    Note:

    If you do not see this content type, check that the extension has been installed and is active. Click Settings on the Site Management toolbar to access the Content Manager. Drag the content type from the Inactive Content Types list to the Active Content Type list.

    You can drag a Column content type to multiple areas on the page.

    For more information about the scopes of different SMT areas, see Area and Scope.

  5. Configure the settings to best fit your needs.

    See Configure a Photo Gallery.

Configure a Column

You can configure properties to customize your column by configuring the following column settings:

  • General settings — Configure general settings, such as a header, text color, and new window behavior.

  • Column settings — Configure column settings, such as an image, text, and button link.

To configure general settings:

  1. While logged in to SMT, go to the page that contains the column.

  2. In the Column box, click Edit.

    This displays the Column Settings in the side panel.

  3. Go to the General tab to configure the following fields:

    Field

    Description

    Name

    Sets the name for the column to appear in the Review Changes list in SMT.

    Visibility

    Sets the visibility option that determines when you want to make the column visible.

    For more information about visibility options, see Visibility Dates.

    Header

    Sets the title for the column.

    Text Color

    Determines the color for the text fields.

    By default, the Header, Caption, and Text fields use different colors that are inherited from your theme.

    If you select Dark, all text fields use the dark text color defined in your theme. If you select Light, all text fields use the light text color defined in your theme.

    Column Alignment

    Determines the positioning of the text content and button.

    Open in New Window

    If checked, opens a link from the column in a new tab or window.

    Image Size ID

    Links to the image resizing option you want the image to use.

    To use this option, you must enter an enabled Image Size ID found under the Images tab in the Image Resizing section of the Website Setup record. To access the Website Setup record, go to Commerce > Websites > Website Lists and click Edit next to your site name.

    For more information about image resizing, see Image Resizing and Compression.

    Tags

    Sets keywords to help filter your content in the Review Changes list.

    For more information about content tags, see Content Tags and Filter Tools.

  4. Click Save.

To configure column settings:

  1. While logged in to SMT, go to the page that contains the column.

  2. In the Column box, click Edit.

    This displays the Column Settings in the side panel.

  3. Go to the Column tab to configure the following fields:

    Note:

    Each column has its own Column tab with associated fields, so you can change the settings for each column. If you enter information in only one Column tab, only one column is displayed. See Example for an example of how the columns appear on a website.

    Field

    Description

    Image

    Sets the image to display using the Image Manager. For more information, see Image Manager.

    If you do not select an image, only the text column is displayed.

    For optimum performance, optimize images before uploading them.

    Alt Text

    Sets a description of the image to be used to improve accessibility and SEO.

    Caption

    Sets the column subtitle.

    Text

    Determines the text to display in the column.

    Basic HTML formatting tags are supported.

    Button Text

    Sets the button text.

    If you leave this field blank, the button does not appear.

    Button Link

    Sets the URL to which you want the button to link.

  4. Click Save.

Delete a Column

Using SMT, you delete a column from your site in one of two ways. Depending on whether you have published content to your website, you:

  • Discard the column if you have not published content.

  • Remove the column if you have already published content.

To discard a column (unpublished content):

  1. While logged in to SMT on your website, select the Review & Publish Changes list from the Site Management toolbar.

  2. Select the Column content in the list.

  3. Click Discard.

  4. Click OK.

To remove a column (published content):

  1. While logged in to SMT on your website, go to the page that contains the column you want to remove.

  2. In Edit mode, click the Column box.

    This highlights the column and displays the content controls.

  3. Click Remove.

  4. Click OK.

Example

The followin image is an example of how the Columns extension looks on a website.

Columns extension on website with components labeled.

Key:

  1. Header

  2. Image

  3. Caption

  4. Text

  5. Button

Related Topics

General Notices