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 |
---|---|
Bridge Theme |
|
|
|
|
|
Horizon Theme |
|
|
|
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:
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the Bridge Theme subtab.
-
Go to the Home subtab.
-
In the Top Promo field group, click a line in the list.
-
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
-
Click Add.
-
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:
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the theme subtab.
-
Go to the Home subtab.
-
In the Free Text Images field group, click a line in the list.
-
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
-
Click Add.
-
For each free-text image you want to add, repeat steps 5 to 7.
-
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:
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the theme subtab.
-
Go to the Home subtab.
-
In the Hero Banner field group, select a line in the list.
-
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
-
Click Add.
-
For each hero banner you want to add, repeat steps 5 to 7.
-
When you are finished making changes, click Save.
Configuring Facets
Applies only to the Horizon Theme.
To configure facets:
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the Horizon Theme subtab.
-
Go to the Facets subtab.
-
From the Display Facets Format list, choose Horizontally or Vertically.
-
Go to the Shopping Catalog subtab.
-
Select Facets.
-
Edit any row in the list that uses the facets_faceted_navigation_item_range.tpl template and clear the Show Heading box.
-
Click OK.
This ensures the desktop view is aligned and that there is no overlap when showing a header.
-
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:
-
Go to Commerce > Content Management > Catalog & Categories > Commerce Categories.
-
Click Edit beside the commerce category you want to configure.
-
From the Thumbnail Image drop down, select the image you want to use for the category.
-
Click Save.
-
For each category image you want to add, repeat Steps 2 to 4.
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the Integrations subtab.
-
Select the Categories subtab.
-
From the Menu Fields list, select thumbnailurl.
-
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:
-
Go to Commerce > Websites > Configuration.
-
Select the website and domain where the theme is activated and click Configure.
-
Go to the Posh Theme subtab.
-
Go to the Home subtab.
-
In the Promo Area field group, click a line in the list.
-
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
-
Click Add.
-
When you are finished making changes, click Save.