Site Structure

Name convection:  There are mainly eight (8) different file types used for each product number. Use this as a template 814130-35-

I. Filename: xxxxxx-pic.
File Type:  Picture or image (160px max)
Description: Picture/image of the product. Use only when there are more then one part number for the same picture.
CSS: No.
Note: There are two separate pic or image files used. Changing one does not change the other.

II. Filename: xxxxxx-pn
File Type:  Text with single picture creating a Section Wrapper
Description: Picture/image of the product. Used as File Include in xxxxxx-pic160-pn-rightside or as File Include in xxxxxx-h3-pic160-pn-rightside-feature-link when more then one part number for one picture.

Create using Manage Sections, and Text with picture. 
Delete the Image entry
Under Section Attributes, Available Classes check gpCol-6 (default)
Description:  Part Number(s) of a product(s)

Example 1: 
<p><span class="ssi_pn_name">PART NUMBER</span><span class="ssi_pn_value"> 020008</span></p>

Example 2:
If there are more than one part number for one picture, then use Text only with no Section Wrapper. Depending on length of the line for the part number, you may need to change "Section Attributes" under "Available Classes" to "gpCol-6", 7 or 8.  In the example below, we used gpCol-7.
<div>
    <div class="divTable">LabMaster <sup>&reg;&nbsp;</sup>ADC bit Speed 12bit&nbsp;50Khz
        <div class="divTableBody">
            <div class="divTableRow">
                <div class="divTableHead">Gain</div>
               <div class="divTableHead">Part Number</div>
           </div>
           <div class="divTableRow">
               <div class="divTableHead">HGE,Hardware Gain of 1 (can change to any gain)</div>
               <div class="divTableCell">814130</div>
          </div>
          <div class="divTableRow">
             <div class="divTableHead">PGH, Software Programmable gain of 1, 2, 4, 8</div>
             <div class="divTableCell">814131</div>
          </div>
           <div class="divTableRow">
                <div class="divTableHead">PGL, Software Programmable gain of 1, 10, 100</div>
                 <div class="divTableCell">814132</div>
            </div>
        </div>
    </div>
    <p>&nbsp;</p>
</div>
Note: We only use CSS if there are multiple part numbers being used in the same picture.  
CSS: Yes.
CSS Class Name: The words PART NUMBER uses .ssi_pn_name.  Part Number value uses uses .ssi_pn_value.  or
CSS Class Name: .divTableHead and .divTableCell

III. Filename: xxxxxx-pic160-pn-rightside
File Type: Two Include files 
Description: A 160px picture of the product on the left side and part number on the right side.
Create using Manage Sections, and Text with picture.
Delete image 
Delete the Text entry
Select Include File and enter the proper file. Drag the Include into the Section Wrapper.
Under Section Attributes, Available Classes check gpCol-6 (default)
1. Include xxxxxx-pic Available Classes check gpCol-3
2. Include xxxxxx-np Available Classes nothing checked 
CSS: No.
Note: There are two separate pic or image files used. Changing one does not change the other.

IV Filename: xxxxxx-name.
File Type: Text
Description: A small line about the product.  Generally used under and image of the product. Uses CSS.
Example: 
<div>
<p><span class="ssi_photo_caption">LabMaster<sup>&reg;</sup> DMA External Analog-to-Digital Board</span></p>
</div>
CSS: Yes.
CSS Class Name: .ssi_photo_caption

V. Filename: xxxxxx-feature
File Type: Text
Description: An short overview and/or list of features.
Example:
<div>
    <ul>
        <li>Full size ISA Interface
            <ul>
                <li>4&quot; x 13&quot; (102mm x 330mm)</li>
            </ul>
        </li>
        <li>100% compatible with original version</li>
        <li>4 channels of Digital-to-Analog Conversion thru a standard DE9</li>
        <li>24 bits of Digital I/O thru a standard DB25</li>
    </ul>
<hr />
</div>

VI. Filename: xxxxxx-link
File Type: Text
Description: A link to the product specification or detailed information about the product.
Example:
<div>
<p><a href="./814130-35-detail">DETAIL</a></p>
<hr />
</div>
CSS: Yes.
CSS Class Name: a:

VII. Filename: xxxxxx-pic-name-link
File Type: Include(s)
Description: This file contains three includes.  Contains the link to the product specification or detailed information about the product. For use in xxxxxx-detail
Manger Sections, Section Wrapper.  Move the File Include items into the Section Wrapper.
1. File Include xxxxxx-pic
2. File Include xxxxxx-name
3.File Include  xxxxxx-link
CSS: No.

VIII. Filename: xxxxxx-pic-name-no-link.
File Type: Include
Description: This file contains two includes. The text file will always be located under the picture. For use in xxxxxx-detail
Manger Sections, Section Wrapper.  Move the File Include items into the Section Wrapper.
Easier option, goto Page Manager, copy xxxxxx-pic-name-link to xxxxxx-pic-name-no-link, go into the new copied file and delete the File Include xxxxxx-link.
1. File Include xxxxxx-pic
2. File Include xxxxxx-name
CSS: No.

IX. Filename: xxxxxx-h3-pic160-pn-rightside-feature-link
File Type: Text, Include(s)
Description: This file contains five includes. Contains the link to the product specification or detailed information about the product. For use as File Include when listing products on a webpage.

Manger Sections, Section Wrapper.  Move the File Include items into the Section Wrapper.
Easier option, goto Page Manager, copy xxxxxx-pic-name-link to xxxxxx-h3-pic160-pn-rightside-feature-link, go into the new copied file and add the required text item.  Change the File Include to match below.
1. Text
2a. File Include xxxxxx-pic160-pn-rightside (Use when only 1 part number per picture)
2b. File Incude xxxxxx-pic (Use when multiple part numbers for the same picture)
4. File Include xxxxxx-name (Optional.  The name should be in the h3 header.  You can always added and then hide the information.)
5. File Include xxxxxx-pn (Use only if 2b above is used)
6. File Include xxxxxx-feature
7. File Include xxxxxx-link

Example:
<div>
   <h3>LabMaster<sup>&reg;</sup> DMA Input/Output</h3>
</div>
Include xxxxxx-pic160-pn-rightside
Include xxxxxx-name
Include xxxxxx-feature
Include xxxxxx-link
CSS: Yes.
CSS Class Name: h3

X. Filename: xxxxxx-detail
File Type: Text(s), Include(s)
Description:  This file contains the full product specification or detail information about a specific product.  
Example of general format:
1. Text example
    <div>
    <h2>LabMaster<sup>&reg;</sup> DMA without Enclosure</h2>
    </div>


2. Large image of the product


3. Optional. Text Product Overview example
   <div>
    <p>The LabMaster<sup>&reg;</sup> DMA product configurations in this section come without      an enclosure for the External LabMaster DMA ADC. This configuration is for those applications where the external unit is embedded in some other equipment. Most end users do not get this version as generally an external enclosure is preferable. This version is more popular with OEM (Original Equipment Manufacturers) customers who manufacture their own equipment that use the LabMaster DMA products.</p>
  </div>

The section below can be copied with wrapper_section from an existing site.

4. Text 
    <div>
     <h3>PRODUCT INCLUDES</h3>
   </div>

4.1. Include(s) for each item this product includes.
    Examples:
    xxxxxx-p-link
Notice this include only contains a picture, product name, and link to the detail information about the product.  The include does NOT contain part number.  The reason for NOT containing the part number is that, depending on the product specification, the part number for this include file can vary.  For example, Cable, Flat Ribbon, Shielded, 50 conductor, Various Lengths had three (3) different lengths, and thus three different part numbers.

4.2 xxxxxx-p-link and so forth.

5. Text 
    <div>
     <h3>OPTIONAL SOFTWARE</h3>
   </div>

5.1 Include(s) for each software item this product includes.

6. Text 
    <div>
     <h3>MANUAL</h3>
   </div>
6.1 Include file options are:
6.2 manual-yes or manual-no
6.3 If yes, then using text, manually add a link.  If no, no additional action is required.

7. Text 
    <div>
     <h3>DATA SHEET</h3>
   </div>
7.1 Include file options are:
7.2 datasheet-yes or datasheet-no
7.3 If yes, then using text, manually add a link.  If no, no additional action is required.

The section below can be copied with wrapper_section from an existing site.

8. Detailed information about the product with links within the page to that information.

8.1 Product Description
8.2 Our Solution Includes
8.3 Key Features
8.4 Applications
8.5 Functional Description
8.6 Technical Specifications
8.7 FAQ

Example:
<ul>
    <li><a href="#product_description">Product Description</a></li>

    <li><a href="#our_solution_includes">Our Solution Includes</a></li>
    <li><a href="#key_features">Key Features</a></li>

     <li><a href="#applications">Applications</a></li>
    <li><a href="#functional_description">Functional Description</a></li>
    <li><a href="#technical_specifications">Technical Specifications</a></li>
    <li><a href="#faq">FAQ</a></li>
</ul>

<h2 id="product_description"><img alt="arrow" src="/data/_uploaded/image/logo/arrow.gif.png" />Product Description</h2>

etc....

------------ end -----------