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!
