Web Store Layout
Contents
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 <Body> Tag Attributes, so that CSS styling or classes can be applied to the whole page.
Addition To <Head> 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)
The current Web Site Theme: A Seggiano 2015 : MVL Design
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.
The HTML used to create category pages is defined through Item/Category Templates. Which templates are used is defined by the Web Site Theme in use and the 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: A Seggiano 2014 : MVL Design - CATEGORY list layout
Item/Category Templates in use in current layout:
- List template: A Seggiano 2015 : MVL Design - CATEGORY/WHSL list template
- List call template: 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: A Seggiano 2014 : MVL Design - ITEM list layout
Item/Category Templates in use in current layout:
- List template: A Seggiano 2014 : MVL Design - ITEM list template
- List call template: A Seggiano 2015 : MVL Design - ITEM list cell
