Auto Multi Columns.

Updated 20-02-04 to allow for borders around cells 

Updated 18-11-03 to allow for mixing multi-columns with other templates.
  
This readme will allow you to lay products out in any number of columns.
The number of columns can be altered by setting a Custom Property.


Replace Act_ProductBody.html with the following:-



<!-- ProductBody HTML begin -->
<!-- Insert HTML for the top of the product body -->

<script language=JavaScript>
<!--
var currentcol = 0;
var colwidth = Math.floor(100 / CUSTOMVAR:NUMCOLS);
// -->
</script>

<div align="right"><a name="sectiontop">
NETQUOTEVAR:PARENTSECTIONSTOP
</a><a name="sectiontop">
<!-- NETQUOTEVAR:TOPLEVELSECTIONSTOP -->
NETQUOTEVAR:SECTIONLISTTOP
NETQUOTEVAR:TOPSECTIONSEPARATOR
NETQUOTEVAR:CARTERRORLISTXML
</a>
NETQUOTEVAR:HIDDENINPUT

<BR>

  <TABLE WIDTH="500" COLS="3" BORDER="0" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">

	NETQUOTEVAR:PRODUCTBULK

<script language=JavaScript>
<!--
if ( currentcol != 0 )
 {
 while ( currentcol++ < CUSTOMVAR:NUMCOLS ) document.write('<td width="' + colwidth + '%">&nbsp;</td>');
 document.write('</tr></table></td></tr>');
 currentcol = 0;
 }
// -->
</script>
  </TABLE>
</div>
<DIV ALIGN="RIGHT"><a name="sectionbottom">
NETQUOTEVAR:SINGLEADD
</a></DIV>
<a name="sectionbottom">NETQUOTEVAR:BOTTOMSECTIONSEPARATOR
NETQUOTEVAR:SECTIONLISTBOTTOM
<!-- NETQUOTEVAR:TOPLEVELSECTIONSBOTTOM -->
</a>
<!-- <DIV ALIGN="CENTER"><a name="sectionbottom">
NETQUOTEVAR:PARENTSECTIONSBOTTOM
</a></DIV> -->
<!-- Insert HTML for the bottom of the product body -->
<!-- ProductBody HTML end -->




Replace Act_ProductSeparator.html with the following:
(or patch the JavaScript below into your customised Act_productSeparator.html)



<!-- ProductSeparator HTML begin -->
<!-- This template specifies the product separators -->

<script language=JavaScript>
<!--
if ( currentcol != 0 )
 {
 while ( currentcol++ < CUSTOMVAR:NUMCOLS ) document.write('<td width="' + colwidth + '%">&nbsp;</td>');
 document.write('</tr></table></td></tr>');
 currentcol = 0;
 }
// -->
</script>

<TR><TD COLSPAN="3">NETQUOTEVAR:TEMPLATEBEGINXML<HR SIZE="1" ALIGN="CENTER" WIDTH="100%">NETQUOTEVAR:TEMPLATEENDXML</TD></TR>

<!-- This template specifies the product separators -->
<!-- ProductSeparator HTML end -->




Replace Act_ProductLine.html with the following:
(or save to a new filename if you want to have some original layouts)




<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<!-- NETQUOTEVAR:INCLUDE Act_ProductSeparator.html -->
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<script language=JavaScript>
<!--
if ( currentcol++ == 0 ) document.write('<tr><td colspan=3><table border=0><tr>');
document.write('<td width="' + colwidth + '%" valign=top>');
// -->
</script>
<noscript><tr><td width="100%"></noscript>
  <!-- START each product lives in this table - alter below to rearrange items -->
  <table width="100%">
   <tr>
    <td colspan=2>
      <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF
    </td>
   </tr>
   <tr>
    <td valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
    <td valign="TOP">  
      NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b>
    </td>
   </tr>
   <tr>
    <td colspan=2>
     NETQUOTEVAR:PRODUCTDESCRIPTION
     <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
     <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>
    </td>
   </tr>
   <tr>
    <td align="LEFT" colspan="2">
     <span class="actxsmall">
     NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
     <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
     </span>
     NETQUOTEVAR:TEMPLATEENDXML
    </td>
   </tr>
  </table>
  <!-- END each product lives in this table - alter above to rearrange items -->
 </td>
NETQUOTEVAR:PRODUCTFORMEND
<script language=JavaScript>
<!--
if ( currentcol >= CUSTOMVAR:NUMCOLS )
  {
  document.write('</tr></table></td></tr>');
  currentcol = 0;
  }
// -->
</script>
<noscript></tr></noscript>

 
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->




Go into Actinic / Advanced / Custom Properties, click the "+" sign 
and create a property called NUMCOLS of type text.  OK out.

Go Design / Options / Site Defaults / Properties,  click the "+" sign
and select NUMCOLS.  Set its value to 3 (for 3 columns, 4 for 4 , etc).
(if using Business uncheck Searchable and check Use as Customvar)
OK out.

You can set this value on a per Section basis, if required, by opening the Section, 
selecting Properties and setting it as above.

You can also mix in other templates wherever you like.