View source for Web Store Layout

== Theme ==
The '''Web Site Theme''' record is used to define aspects of the web store.

=== General ===
The general tab defines details of the site, including the '''Colour Theme''' to be used, the '''Site Font''' and allows you to define any additional '''&lt;Body&gt; Tag Attributes''', so that CSS styling or classes can be applied to the whole page.

'''Addition To &lt;Head&gt;''' allows you to add stylesheets, javascript, or meta tags to the head of the page.  This is included throughout the site.

It also defines the templates that are used for different pages and parts of pages.  Please note the difference between the Template fields and the Layout fields.

* '''Templates''' define a section of html used in pages 
* '''Layouts''' include more.  For example, on a category page, it defines the Template for the page, the Template applied to each item that appears in that page, and layout options regarding how to place those items. (For example, the number of columns and rows to show per page)


<div style="font-size: 80%;">
The current '''Web Site Theme''': [https://system.netsuite.com/app/site/setup/sitetheme.nl?id=101&nl=F&e=T A Seggiano 2015 : MVL Design]
{| class="wikitable"
! Field Name
! style="width: 350px;" | Description
! Layout 
!colspan="2"| Template
|-
!Default Item Drilldown Template
| 
| 
|colspan="2"|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=5&nl=F&e=T A Seggiano 2015 : MVL Design - ITEM drilldown]
|-
!Default Info Item Drilldown Template
| 
| 
|colspan="2"|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=12&nl=F&e=T A Seggiano 2014 : MVL Design - INFO item drilldown]
|-
!rowspan="2"|Default Item List Layout
|rowspan="2"|Used for subcategory pages
|rowspan="2"|[https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=100&nl=F&e=T A Seggiano 2014 : MVL Design - ITEM list layout]
!List
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=1&nl=F&e=T A Seggiano 2014 : MVL Design - ITEM list template]
|-
!List Cell
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=2&nl=F&e=T A Seggiano 2015 : MVL Design - ITEM list cell]
|-
!rowspan="2"|Default Category List Layout
|rowspan="2"|Used for main category pages
|rowspan="2"|[https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=101&nl=F&e=T A Seggiano 2014 : MVL Design - CATEGORY list layout]
!List
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=3&nl=F&e=T A Seggiano 2015 : MVL Design - CATEGORY/WHSL list template]
|-
!List Cell
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=4&nl=F&e=T A Seggiano 2014 : MVL Design - CATEGORY list cell]
|-
!rowspan="2"|Default Related Items Layout
|rowspan="2"|Used when showing the related items in the sidebar of another item page
|rowspan="2"|[https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=102&nl=F&e=T A Seggiano 2014 : MVL Design - RELATED list layout]
!List
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=6&nl=F&e=T A Seggiano 2014 : MVL Design - RELATED list template]
|-
!List Cell
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=7&nl=F&e=T A Seggiano 2014 : MVL Design - RELATED list cell]
|-
!rowspan="2"|Default Welcome Page Item List Layout
|rowspan="2"|Used to define the content of the welcome page.  (The cell template has been replaced by [https://system.netsuite.com/app/site/setup/sitetags.nl Web Site Tags] To allow more control of the content)
|rowspan="2"|[https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=104&nl=F&e=T A Seggiano 2014 : MVL Design - WELCOME ITEM list layout]
!List
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=8&nl=F&e=T A Seggiano 2015 : MVL Design - WELCOME item list templ]
|-
!List Cell
|<s>[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=9&nl=F&e=T A Seggiano 2014 : MVL Design - WELCOME item list cell]</s>
|-
!rowspan="2"|Default Welcome Page Category List Layout
|rowspan="2"|
|rowspan="2"|[https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=105&nl=F&e=T A Seggiano 2014 : MVL Design - WELCOME CATEGORY list layout]
!List
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=10&nl=F&e=T A Seggiano 2014 : MVL Design - WELCOME category list template]
|-
!List Cell
|[https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=11&nl=F&e=T A Seggiano 2014 : MVL Design - WELCOME category list cell]
|-
|}
</div>

== Categories ==
In order to set the category of a product, edit it in Netsuite, and under the Web Store tab, look for the '''Web Site Categories''' sub-list, as shown below.  The product will appear in the categories listed here. 
[[File:Netsuite Product - Web Site Categories.png|600px]]

The HTML used to create category pages is defined through [https://system.netsuite.com/app/site/setup/siteitemtemplates.nl Item/Category Templates].  Which templates are used is defined by the [https://system.netsuite.com/app/site/setup/sitetheme.nl?id=101&nl=F&e=T Web Site Theme] in use and the [https://system.netsuite.com/app/site/setup/storeitemlistlayouts.nl Layouts] it uses.

These layouts then define a list template and list cell template.  The first defines the HTML for the content area of the page, and uses the tag '''<NLITEMLIST>''' to denote where the item list is called in.  The list cell template defines the HTML used to display each of the products listed in the page.


=== Category pages ===
The current '''Category layout''': [https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=101&nl=F&e=T A Seggiano 2014 : MVL Design - CATEGORY list layout]

'''Item/Category Templates''' in use in current layout:
* List template: [https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=3&nl=F&e=T A Seggiano 2015 : MVL Design - CATEGORY/WHSL list template]
* List call template: [https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=4&nl=F&e=T A Seggiano 2014 : MVL Design - CATEGORY list cell]

Note that the list template also adds a call to a javascript file in the head.  The HTML here is currently being heavily edited by javascript to rebuilt the structure of the product listing from a list to a grid of items with images.

=== Sub-category pages ===
The current '''Sub-category layout''': [https://system.netsuite.com/app/site/setup/storeitemlistlayout.nl?id=100&nl=F&e=T A Seggiano 2014 : MVL Design - ITEM list layout]

'''Item/Category Templates''' in use in current layout:
* List template: [https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=1&nl=F&e=T A Seggiano 2014 : MVL Design - ITEM list template]
* List call template: [https://system.netsuite.com/app/site/setup/siteitemtemplate.nl?id=2&nl=F&e=T A Seggiano 2015 : MVL Design - ITEM list cell]

=== Category Navigation Menu ===
<html5media width="600">http://wiki.seggiano.com/video/Segg-Top-Navigation-and-Styles.mp4</html5media>