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); ?> €
</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>
