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>