making a size and colour option

Code: Select all

      <div class="options">
        <h2><?php echo $text_option; ?></h2>
        <br />
        <?php foreach ($options as $option) { ?>
        <?php if ($option['type'] == 'select') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <select name="option[<?php echo $option['product_option_id']; ?>]">
            <option value=""><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
            </option>
            <?php } ?>
          </select>

Code: Select all

            	
<?php if( $option['name'] == 'Size'){ ?>
<script language="javascript" type="text/javascript">
function sizewindow(page) {
	NewLeft = (screen.width - 630) / 2;
	NewTop = (screen.height - 470) / 2;
	window.open(page,"","status=no,scrollbars=yes,resizable=no,width=810,height=570,top="+ NewTop +",left=" + NewLeft);
}</script>
            	&nbsp;<a id="SizeGuide" href="javascript:sizewindow('pagesize.html', 'SizeGuide', 'status=no,scrollbars=yes,resizable=no,width=810,height=570')"><img src="image/size.jpg" width="60" height="18" border="0"></a>
<?php } ?>