Lista desplegable de productos del carrito con Woocommerce


Ejemplo practico de como mostrar los elementos del carrito en una lista desplegable con WooCommerce.

Aunque no vamos a entrar en temas de css, … el ejemplo es para que os hagais una idea y lo podais adaptar a vuestro codigo.

 

En general lo que hacemos es pedir la lista de productos del carrito y vamos mostrando la informacion, en este caso en una lista dentro de un dropdown con bootstrap .

 <?php
 global $woocommerce;
//lista del producto del carrito
    $items = $woocommerce->cart->get_cart();
	foreach($items as $item => $values) { 
			// en $values tenemos toda la info del carrito. cantidad , ..
			// detalle del producto
            $productDetail = wc_get_product( $values['product_id'] ); 
			?>
			<li>
				<p class="col-sm-3">
					<?php echo $productDetail->get_image(); ?>
				</p>
				<p class="col-sm-9">
					<span><?php echo $values['quantity'] ?></span>
					<span><?php echo $productDetail->get_title(); ?></span>
					<span><?php echo get_post_meta($values['product_id'] , '_price', true); ?> 
				</p>
			</li> 
  <?php } ?>

 

Y asi podria quedar en un dropdown con bootstrap sin aplicar estilos.

 <ul class="dropdown-menu drop-list-products" aria-labelledby="drop-list-products">
    <?php
    global $woocommerce;
	//lista del producto del carrito
    $items = $woocommerce->cart->get_cart();
	foreach($items as $item => $values) { 
			// en $values tenemos toda la info del carrito. cantidad , ..
			// detalle del producto
            $productDetail = wc_get_product( $values['product_id'] ); 
			?>
			<li>
				<p class="col-sm-3">
					<?php echo $productDetail->get_image(); ?>
				</p>
				<p class="col-sm-9">
					<span><?php echo $values['quantity'] ?> </span>
					<span> <strong><?php echo $productDetail->get_title(); ?></strong></span>
					<span><?php echo get_post_meta($values['product_id'] , '_price', true);  ?> &euro;
				</p>
			</li> 
    <?php } ?>           
    <li role="separator" class="divider"></li>
    <li><a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'woothemes'); ?>">ver carrito</a></li>
  </ul>