drupal 7 ubercart 3 - theme cart page output tables drupal_render

You are probably not getting much of a response because few people have made the jump to D7 with Ubercart yet. That, and what you are doing seems pretty advanced.

I can tell you that in D6 and UC 2 I was able to somewhat fine-tune the cart presentation on the site at http://skinglowmd.com. I was able to add some DIVs and create more of a two-column layout with section headers by customizing the file uc-cart-checkout-form.tpl.php and adding a bunch of css.

Hi,

For theming the cart page in drupal 7 ubercart you can create a module in drupal7 and can put function :------

function _tapir_table_alter(&$table, $table_id) {

// Modify the display of the cart table.
if ($table_id == 'uc_cart_view_table') {
// New column in the cart table.

// For each product or product kit line of the cart.
foreach ($table as $key => &$value) {
if (is_numeric($key) && isset($value['nid'])) {
// Set an empty area.
$value['attributes_in_cart'] = NULL;

// PUT YOUR PHP CODE HERE ...............................................

$value['desc'] = array('#markup' => $attrib_val );

// For product lines, we must mark the cart_item_id that belongs to this line.
}
}
}
}

I realize this is a 4 year old topic but I think it would be helpful to have another answer to this question.

If you're like me and you just wanted to get rid of that aweful, archaic table in favor of something modern, you can use my method. It utilizes the theme function op was using and doesn't require a new module to implement.

function YOURTHEME_uc_cart_view_form(&$vars){
	$form = &$vars['form'];

	$output = '<div class="uc-default-submit">';
	$output .= drupal_render($form['actions']['update']);
	$output .= '</div>';
	$form['actions']['update']['#printed'] = FALSE;
	
	$table = drupal_render_children($form);
	$table = str_replace(array(
		'<table class="sticky-enabled">','</table>',
		'<thead>','</thead>',
		'<tbody>','</tbody>',
		'<tr','</tr>',
		'<td','</td>',
		'<th','</th>',
	),array(
		'<div class="cart-item-list">','</div>',
		'','',
		'','',
		'<ul','</ul>',
		'<li','</li>',
		'<li','</li>',
	),$table);
	$output .= $table;
	
	return $output;
}

It's the fastest/easiest way to turn the cart view table into a modern html list that you can easily style however you want. I also added a jQuery script to fix/clean certain things about the table layouts that I wasn't unsatisfied with:

...
if($('#cart-form-pane').length){
	$('#cart-form-pane').prepend('<h1>Shopping Cart</h1>');
	$('#cart-form-pane table > ul:first-child').addClass('head');
	$('.cart-item-list > ul:first-child > li:nth-child(1)').addClass('remove').text('');
	$('.cart-item-list > ul:first-child > li:nth-child(2)').addClass('image').text('');
	$('.cart-item-list > ul:first-child > li:nth-child(3)').addClass('desc').text('Products');
	$('.cart-item-list > ul:first-child > li:nth-child(4)').addClass('qty');
	$('.cart-item-list > ul:first-child > li:nth-child(5)').addClass('price');
	$('.cart-item-list > ul:last-child').removeClass('even').removeClass('odd');
	$('.cart-item-list > ul.odd, .cart-item-list > ul.even').addClass('cart-item');
	$('.cart-item-list > ul:last-child').addClass('subtotal').prepend('<li class="remove"></li><li class="image"></li><li class="desc"></li><li class="qty"></li>');
	$('.cart-item-list > ul:last-child > li:last-child').addClass('price').removeAttr('colspan');
}
...

Now this solution isn't pretty nor likely the best solution, however it is, as I stated, fast and easy.