Learn More
  • Subscriptions
  • Subscriptions
  • Subscriptions
    We hang out here: Fan Me! Facebook AlexDesigns Alex Harris
      Follow AlexDesigns on Twitter
      Add Alex Harris on LinkedIn
      Alex Harris on Flickr
      Stalk Alex Harris on FourSquare
      Alex Harris Hollywood Florida Reviews

NetSuite Web Design Theme Explained

I receive a lot of NetSuite questions, but the most popular NetSuite web design question is “How does the web site theme work?” It’s pretty easy once you understand how each of the templates and layouts are grouped together. So I have created a diagram to be used as a cheat sheet.

The theme is broken up into the standard Header (Logo and Tabs Template), Left Side Navigation, Content Area Template, Right Side Navigation and Footer. Each section can be removed or changed in size to totally customize your NetSuite Web Design.

The main area I want to point out is the “Content Area Template”. This area changes based on the website section you are on. For example, when clicking a category link, the content area will then use the Category Level Layouts and Templates. A “layout” is simply a wrapper of two templates. The two custom templates are known as “list” and “list cell”. In HTML terms that means, the “layout” is a TABLE tag, the “list” is the HTML contained inside that TABLE, and finally the “list cell” is the actual TD for each item that is displayed. This is also known as nested HTML tables.

TIP: Use NetSuite Help, really, it works well. Do a search for “Web Site Tags” in the NetSuite Help to get the full list of all the tags that can be used in each of the Theme sections and different custom templates.

Please let me know if this was helpful (or confusing) in anyway. Post Your Feedback – Click Here!

netsuite web theme layout

Check Out These Articles:

  1. Custom Web Tags in NetSuite Theme
  2. Netsuite Web Design Help
  3. eCommerce Web Design using NetSuite Software: Medical Equipment & Supplies
  4. Basic Search Form in Netsuite Theme
  5. Using eCommerce Software custom templates?
  • Alan
    This is a great reference, thank you! I am trying to create a layout that will display not only the categories of the page I am on, but also the items within those categories. Is this possible with Netsuite? In other words...

    Category 1
    Cat 1 Sub item 1
    Cat 2 Sub item 2
    Category 2
    Cat 2 Sub item 1
    Cat 2 Sub item 2
    Etc, etc
    Thanks again, you have a great blog!
  • alexdesigns
    @michael yes, the frame of the theme is in tables, I use a lot of CSS too, but it has to go in the TDs of that section. There is not way to remove all the ugly nested tables.
  • michael
    I've got a site designed and layed out entirely in CSS. It doesn't use any tables. Do I need to put it back in tables in order to use a Netsuite Theme?

    Thanks for your time.
    -m
  • alexdesigns
    I believe you would need to create pages or information items that are only accessible to logged in members. Currently you can't switch a small page section/widget based on if they are logged in unless you use SuiteScript.
  • Anonymous
    How do you detect if a user is logged in so you can switch content?
  • alexdesigns
    Yes, I will be adding more tips and insight into NetSuite advance site customization. If there is something specific you would like to see, please leave a comment.
  • Anonymous
    Do you think you'll be adding more helpful stuff like this on a regular basis?
  • Anonymous
    thank you so much for posting this. It's a point reference for me now.
  • Anonymous
    Thank you. There is so little help around aimed to beginners that everything basic you post is welcomed.
blog comments powered by Disqus