1. Commerce
  2. Store Front
  3. Themes & Extensions
  4. Commerce Themes
  5. Configuring Themes
  6. Configuring Settings Specific to Individual Themes

Configuring Settings Specific to Individual Themes

This section goes over how to configure settings that are specific to individual themes. For information about setting up global theme settings, see Configuring Global Theme Settings.

Use the following table for details on how to configure settings that apply to a specific theme.

Theme Settings

Applies To

Configuring the Top Promo

Bridge Theme

Configuring Free-Text Images

  • Bridge Theme

  • Summit Theme

Configuring the Hero Banner

  • Horizon Theme

  • Manor Theme

Configuring Facets

Horizon Theme

Configuring Commerce Categories

  • Horizon Theme

  • Manor Theme

Configuring the Promo Area

Posh Theme

Configuring the Top Promo

Applies only to the Bridge Theme.

You can configure the top promo to highlight a promotion for your web store.

To configure the top promo:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the theme is activated and click Configure.

  3. Go to the Bridge Theme subtab.

  4. Go to the Home subtab.

  5. In the Top Promo field group, click a line in the list.

  6. Using the table below for reference, fill out the fields.

    Field

    Description

    Applies To

    Text

    Enter the text to display in the promo area.

    Bridge Theme

    Background Image URL

    Set the background image to display. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Bridge Theme

    Background Color

    Set the background color to display. The background color only appears if there is no background image. This field supports HEX and HTML color values.

    Bridge Theme

    Link Location

    Enter the link to the internal page to take the user to when the top promo is clicked.

    Bridge Theme

  7. Click Add.

  8. When you are finished making changes, click Save.

Configuring Free-Text Images

Applies only to the Bridge Theme and Summit Theme.

Free-text images are a collection of images that accompany the text entered in the Free Text field. For details, see Configuring General Settings.

To configure free-text images:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the theme is activated and click Configure.

  3. Go to the theme subtab.

  4. Go to the Home subtab.

  5. In the Free Text Images field group, click a line in the list.

  6. Using the table below for reference, fill out the fields.

    Field

    Description

    Applies To

    Image

    Enter the image to display. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Bridge Theme

    URL

    Link the image to an internal page by entering the URL here. This field is required if an image is selected.

    Bridge Theme

    Image URL

    Set the image to display. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create, under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Summit Theme

    Link Location

    Link the image to an internal page by entering the URL here. This field is required if an image is selected.

    Summit Theme

  7. Click Add.

  8. For each free-text image you want to add, repeat steps 5 to 7.

  9. When you are finished making changes, click Save.

Configuring the Hero Banner

Applies only to the Horizon Theme and Manor Theme.

To configure the hero banner, choose the images, customize the text, and add multiple banners to highlight unique information.

To configure the hero banner:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the theme is activated and click Configure.

  3. Go to the theme subtab.

  4. Go to the Home subtab.

  5. In the Hero Banner field group, select a line in the list.

  6. Using the table below for reference, fill out the fields.

    Field

    Description

    Applies To

    Title

    Enter the title to overlay on the image.

    Horizon Theme

    Text

    Enter the text to overlay on the image.

    Horizon Theme

    Image URL

    Enter the image to display in the hero banner. Images should be 1600 pixels wide to accommodate the largest screen width. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Horizon Theme

    Link Text

    Enter the text to display for the link.

    Horizon Theme

    Link Location

    Enter the URL to the internal page that you want to take the user to when the link is clicked.

    Horizon Theme

    HTML Content

    Enter HTML code to display in the hero banner.

    Manor Theme

    Background Image URL

    Set the image to display. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Manor Theme

    Button Text

    Enter the text to display in the button. If this field is left blank, the button does not display.

    Manor Theme

    Button URL

    Enter the URL address to open when a user clicks the button.

    Manor Theme

  7. Click Add.

  8. For each hero banner you want to add, repeat steps 5 to 7.

  9. When you are finished making changes, click Save.

Configuring Facets

Applies only to the Horizon Theme.

To configure facets:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the theme is activated and click Configure.

  3. Go to the Horizon Theme subtab.

  4. Go to the Facets subtab.

  5. From the Display Facets Format list, choose Horizontally or Vertically.

  6. Go to the Shopping Catalog subtab.

  7. Select Facets.

  8. Edit any row in the list that uses the facets_faceted_navigation_item_range.tpl template and clear the Show Heading box.

  9. Click OK.

    This ensures the desktop view is aligned and that there is no overlap when showing a header.

  10. Click Save.

For more information about facets, see Select and Configure Facet Fields.

Configuring Commerce Categories

Applies only to the Manor Theme and Horizon Theme.

To configure commerce categories:

  1. Go to Commerce > Content Management > Catalog & Categories > Commerce Categories.

  2. Click Edit beside the commerce category you want to configure.

  3. From the Thumbnail Image drop down, select the image you want to use for the category.

  4. Click Save.

  5. For each category image you want to add, repeat Steps 2 to 4.

  6. Go to Commerce > Websites > Configuration.

  7. Select the website and domain where the theme is activated and click Configure.

  8. Go to the Integrations subtab.

  9. Select the Categories subtab.

  10. From the Menu Fields list, select thumbnailurl.

  11. Click Save.

For more information, see Commerce Categories.

Configuring the Promo Area

Applies only to the Posh Theme.

You can configure the promo area to highlight a promotion for your web store.

To configure the promo area:

  1. Go to Commerce > Websites > Configuration.

  2. Select the website and domain where the theme is activated and click Configure.

  3. Go to the Posh Theme subtab.

  4. Go to the Home subtab.

  5. In the Promo Area field group, click a line in the list.

  6. Using the table below for reference, fill out the fields.

    Field

    Description

    Applies To

    Title

    Enter the title to display in the promo area.

    Posh Theme

    Subtitle

    Enter the subtitle to display in the promo area.

    Posh Theme

    HTML Content

    Enter HTML code in the promo area.

    Posh Theme

    Image URL

    Set the image to display in the promo area. All images should be uploaded to the NetSuite File Cabinet, and stored in an image folder you create under Website Hosting Files > Live Hosting Files. For details, see File Cabinet Overview. If you use Cascading Style Sheets (CSS) to insert images, they are overridden by the images stored in the File Cabinet.

    Posh Theme

    Button Text

    Enter the button text. If this field is left blank the button does not display.

    Posh Theme

    Button URL

    Enter the URL address to open when a user clicks the button.

    Posh Theme

  7. Click Add.

  8. When you are finished making changes, click Save.

Related Topics

General Notices