Product Attribute Grid

[mihaw]

Please help, How can make like this:

http://www.pokerdiscount.net/poker-c...ices-1704.html

How to modify this code to get the result like above

$grh_size = sizeof($grid_records['H']['options']);
  $grv_size = sizeof($grid_records['V']['options']);  
  if (($grh_size > 1) || zen_not_null($grid_records['H']['options'][0]['name'])) {
    $top_rowspan = 2;
  } else {
    $top_rowspan = 1;
  }
  if (($grv_size > 1) || zen_not_null($grid_records['V']['options'][0]['name'])) {
    $top_colspan = 2;
  } else {
    $top_colspan = 1;
  }
  $attrib_grid = '<table id="attrib-grid-table">'."\n" . 
                   '<tr>'."\n".
                 '  <td colspan="'.$top_colspan.'" rowspan="'.$top_rowspan.'"></td>'.
                   '<td colspan="'.sizeof($grid_records['H']['options']).'" id="attrib-grid-opt-nameH">'.$grid_records['H']['name'].(zen_not_null($grid_records['H']['comment']) ? '<br /><span id="attrib-grid-opt-commentH">'.$grid_records['H']['comment'].'</span>' : '').'</td>'."\n".
                 '</tr>'."\n".
                 '<tr>'."\n";
  for($grh=0; $grh < $grh_size; $grh++) {
    if (($grh_size > 1) || zen_not_null($grid_records['H']['options'][$grh]['name'])) {
      $attrib_grid .= '<td class="attrib-grid-hHeader" id="attrib-grid-hHeader-'.$grid_records['H']['options'][$grh]['id'].'">'.$grid_records['H']['options'][$grh]['name']. ($grid_records['H']['options'][$grh]['price'] != 0 ? '<br /><span class="attrib-grid-header-price">'.$grid_records['H']['options'][$grh]['price_prefix'].$currencies->format($grid_records['H']['options'][$grh]['price']).'</span>' : '').'</td>';
    }
  }
  $attrib_grid .= '</tr>'."\n";
  for($grv=0; $grv < $grv_size; $grv++) {
    $attrib_grid .= '<tr>'."\n";
    if ($grv == 0) {
      $attrib_grid .= '  <td rowspan="'.$grv_size.'" id="attrib-grid-opt-nameV">'.$grid_records['V']['name'].(zen_not_null($grid_records['H']['comment']) ? '<br /><span id="attrib-grid-opt-commentV">'.$grid_records['V']['comment'].'</span>' : '').'</td>'."\n";
    }
    if (($grv_size > 1) || zen_not_null($grid_records['V']['options'][$grv]['name'])) {
      $attrib_grid .= '  <td class="attrib-grid-vHeader" id="attrib-grid-vHeader-'.$grid_records['V']['options'][$grv]['id'].'">'.$grid_records['V']['options'][$grv]['name']. ($grid_records['V']['options'][$grv]['price'] != 0 ? '<br /><span class="attrib-grid-header-price">'.$grid_records['V']['options'][$grv]['price_prefix'].$currencies->format($grid_records['V']['options'][$grv]['price']).'</span>' : '').'</td>'."\n";
    }

    $attribute_stock_controlled = (defined('TABLE_PRODUCTS_WITH_ATTRIBUTES_STOCK') && $show_only_grid);
    $show_attribute_stock = ($attribute_stock_controlled && zen_get_show_product_switch($_GET['products_id'], 'quantity') == 1);
    $show_attribute_out_of_stock = ($attribute_stock_controlled && SHOW_PRODUCTS_SOLD_OUT_IMAGE == '1');

    for($grh=0; $grh < $grh_size; $grh++) {
      $attributes_ids = array(    $grid_records['H']['id']    =>    $grid_records['H']['options'][$grh]['id'],
                                  $grid_records['V']['id']    =>    $grid_records['V']['options'][$grv]['id']
                            );
      $products_attribs_id = zen_get_uprid((int)$_GET['products_id'], $attributes_ids);
      $attribute_stock = 'notset';
      if ($attribute_stock_controlled && ($show_attribute_out_of_stock || $show_attribute_stock)) {
        $out_of_stock_button = zen_image_button('attribute_out_of_stock.gif', ALT_ATTRIBUTE_GRID_OUT_OF_STOCK);
        $stock_check_array = array();
        if (zen_not_null($grid_records['H']['options'][$grh]['name'])) $stock_check_array[] = $grid_records['H']['options'][$grh]['id'];
        if (zen_not_null($grid_records['V']['options'][$grv]['name'])) $stock_check_array[] = $grid_records['V']['options'][$grv]['id'];
        $attribute_stock = zen_get_products_stock($_GET['products_id'], $stock_check_array);
      }
      $attrib_grid .= '<td class="attrib-grid-cell" id="attrib-grid-cell-'.$grid_records['H']['options'][$grh]['id'].'-'.$grid_records['V']['options'][$grv]['id'].'">';
      switch(true) {
        case ($show_attribute_out_of_stock && (int)$attribute_stock < 1):
          $attrib_grid .=    $out_of_stock_button;
        break;
        default:
          $attrib_grid .=    zen_draw_input_field('products_id['.$products_attribs_id.']', '', 'size="3"').
                            zen_draw_hidden_field('attribs['.$products_attribs_id.']['.$grid_records['H']['id'].']', $grid_records['H']['options'][$grh]['id']).
                            zen_draw_hidden_field('attribs['.$products_attribs_id.']['.$grid_records['V']['id'].']', $grid_records['V']['options'][$grv]['id']);
          if ($show_attribute_stock == true) {
            $attrib_grid .= '<div class="attrb-stock">'.sprintf(TEXT_ATTRIBUTE_GRID_IN_STOCK, $attribute_stock).'</div>';
          }
        break;
      }
      $attrib_grid .= '</td>';
    }
    if ($grid_records['V']['images'] == true) {
      $attrib_grid .= '<td class="attrib-grid-vImages" id="attrib-grid-vImages-'.$grid_records['V']['options'][$grv]['id'].'">';
      if (zen_not_null($grid_records['V']['options'][$grv]['image'])) {
        $attrib_grid .= zen_image(DIR_WS_IMAGES . $grid_records['V']['options'][$grv]['image']);
      }
      $attrib_grid .= '</td>';
    }
    $attrib_grid .= '</tr>'."\n";
  }
  if ($grid_records['H']['images'] == true) {
    $attrib_grid .= '<tr>'."\n" . 
                      '  <td colspan="2"></td>';
    for($grh=0; $grh < $grh_size; $grh++) {
      $attrib_grid .= '<td class="attrib-grid-hImages" id="attrib-grid-hImages-'.$grid_records['H']['options'][$grh]['id'].'">';
      if (zen_not_null($grid_records['H']['options'][$grh]['image'])) {
        $attrib_grid .= zen_image(DIR_WS_IMAGES . $grid_records['H']['options'][$grh]['image']);
      }
      $attrib_grid .= '</td>';
    }    
    if ($grid_records['V']['images'] == true) {
      $attrib_grid .= '  <td></td>';
    }
    $attrib_grid .= '</tr>';
  }
  $attrib_grid .= '</table>'."\n";