Streamline your entire business! Ecommerce + CRM + Accounting = NetSuite. START A FREE TRIAL
Thursday, November 1, 2007
Comment |
Digg |
Email
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!
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!
Thank you. There is so little help around aimed to beginners that everything basic you post is welcomed.
thank you so much for posting this. It's a point reference for me now.
Do you think you'll be adding more helpful stuff like this on a regular basis?
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.
How do you detect if a user is logged in so you can switch content?
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.
Post Your Comments
We seriously love ecommerce! NetSuite Web Site Design
Ecommerce web design customized to improve conversation rates, search engine optimization and ROI.
A blog dedicated to the creation of ecommerce web designs using NetSuite software. Contact Us!
Subscribe To Newsletter
Subscribe To RSS/XML Feeds
- June 2007
- July 2007
- August 2007
- September 2007
- October 2007
- November 2007
- December 2007
- January 2008
- February 2008