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

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 cols = colours.length;
var rows = sizes.length;
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[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="£' + prices[(i * rows) + j] + ' - Add to Cart"></td>');
    }
  document.write('</tr>');
  }
document.write('</table>');
</script></Actinic:ACTIONS>


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

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, Blue).
Give this component another Attribute called Size.
Give that Attribute choices for each size (say; Small, Medium, 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 colours = ['Red','Blue'];
var sizes = ['Small','Medium','Large'];
var prices = ['1.00','2.00','3.00','4.00','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 list is in pounds and should follow the sequence Colour1-Size1, Size2, Size3; Colour2-Size1, Size2, Size3.
You can have any number of colours and sizes and the button matrix will be automatically built to suit.


Norman