############################################################################################

How to make an Actinic V6 selection button matrix for a list of colours and sizes, all with
different prices, display the appropriate price on each button.

############################################################################################

Make a copy of Act_ProductLine.html and call it (say) Table_ProductLine.html

Edit Table_ProductLine.html and replace the line:-

			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>

with the following code:-


<Actinic:ACTIONS><!-- NETQUOTEVAR:ADDTOCARTBUTTON -->
<script language=JavaScript>
var ref = 'NETQUOTEVAR:PRODUCTREFERENCE';
var addtocart = ' - Add';
var rows = sizes.length;
var cols = colours.length / (rows + 1);
document.write('<input type=hidden name="v_' + ref + '_3" value="on"><table><tr align=center><td></td>');
for ( var i = 0; i < cols; i++ )
  {
  document.write('<td>' + colours[(rows + 1) * i] + '</td>');
  }
for ( var j = 0; j < rows; j++ )
  {
  document.write('<tr><td>' + sizes[j] + '</td>');
  for ( i = 0; i < cols; i++ )
    {
    document.write('<td><input type=submit name="vb_' + ref + '_1_' + (i + 1) + '_2_' + (j + 1) + 
                   '" value="£' + colours[(i * (rows + 1)) + j + 1] + addtocart + '"></td>');
    }
  document.write('</tr>');
  }
document.write('</table>');
</script></Actinic:ACTIONS>


############################################################################################

You may want to change the line "var addtocart = ' - Add';" above to suit your needs.

Now create your product with zero price.
Select Table_ProductLine.html as the Product Layout.
Give it a single component called (say) Info.
Give this component an Attribute called Colour.
Give that Attribute choices for each colour (say; Red, Green, Blue).
Give this component another Attribute called Size.
Give that Attribute choices for each size (say; Small, Large).

Now double click the component, choose Permutations, Fill List, and fill in the corresponding prices for each combination.
OK out, double click the product and you'll now have a Components tab.
Under Components, select Sum of Component Prices.

Finally put the following code into the Full Description box (under all your own text):-

!!<<script language=JavaScript>
var sizes =   ['Small','Large'];
var colours = ['Red','1.00','2.00','Green','3.00','4.00','Blue','5.00','6.00'];
</script>>!!

You have to alter the colour, size and price descriptions to match your product.  
Only change the bits within the square brackets.  All entries need 'quotes' as shown.
The prices are pounds and should follow the sequence:-
	 Colour1, Price for Size1, Price for Size2, Colour2, Price for Size1, Price for Size2, etc.
You can have any number of colours and sizes and the button matrix will be automatically built to suit.


Norman