I made a uc-cart-checkout-form.tpl.php file and use the tabs code from http://drupal.org/node/357133#comment-1206738.

Here the page code :

<!-- Start Checkout Panes  -->
<div class="uc_cart_checkout_form">
<div id="tabs-comp" class="drupal-tabs" style="display: block">    
      <ul class="ui-tabs-nav tabs primary">
        <li id="comp-1" class=""><a href="#tabs-comp-1">Cart</a></li>
        <li id="comp-2" class=""><a href="#tabs-comp-2">delivery</a></li>
        <li id="comp-3" class=""><a href="#tabs-comp-3">payment</a></li>
      </ul>
<?php
    drupal_add_css
(drupal_get_path('module', 'uc_cart') .'/uc_cart.css');
   
$output = '<div id="checkout-instructions">'. check_markup(variable_get('uc_checkout_instructions', ''), variable_get('uc_checkout_instructions_format', FILTER_FORMAT_DEFAULT), FALSE) .'</div>';

   

$output .= '<div id="tabs-comp-1" class="ui-tabs-panel">';
   
$output .=  drupal_render($form['panes']['cart']);
   
$output .=  drupal_render($form['panes']['checkout_preview']);
   
$output .=  drupal_render($form['panes']['uc_discounts']);
   
$output .= '</div>';

   

$output .= '<div id="tabs-comp-2" class="ui-tabs-panel">';
   
$output .=  drupal_render($form['panes']['customer']);
   
$output .=  drupal_render($form['panes']['billing']);
   
$output .=  drupal_render($form['panes']['delivery']);
   
$output .= '</div>';
           
      
   
$output .= '<div id="tabs-comp-3" class="ui-tabs-panel">';
   
$output .= drupal_render($form['panes']['payment']);
   
$output .= drupal_render($form['panes']['comments']);
   
$output .= drupal_render($form['panes']['uc_termsofservice_agreement_checkout']);
   
$output .= '</div>';
      
   
$output .= '<div id="checkout-form-bottom">'. drupal_render($form) .'</div>';
    foreach (
element_children($form['panes']) as $pane_id) {
   
$output .= "il y a comme variable ".$pane_id."<br/>";
    }
     
    print
$output;
?>

</div>
</div>
<!-- End Checkout Panes  -->

My problem is that all the content appear in the page, I can't find a way for hidding the different part of the page. If someone have an idea.

Comments

mogop’s picture

does this work ?