Mời anh chị xem video:

• Code hoạt động của nút add to cart

%s', esc_url( $product->add_to_cart_url() ), $product->id, esc_attr( $product->product_type ), 'Mua ngay' ); echo $add_to_cart_link; ?>

• Code php cho phần cartmini

 
cart->cart_contents_count, 'woothemes'), WC()->cart->cart_contents_count);?> - cart->get_cart_total(); ?> 
 
cart->get_cart() ) > 0 ) : ?> cart->get_cart() as $cart_item_key => $cart_item ) : $_product = $cart_item['data']; // Chỉ hiển thị nếu cho phép if ( ! apply_filters('woocommerce_widget_cart_item_visible', true, $cart_item, $cart_item_key ) || ! $_product->exists() || $cart_item['quantity'] == 0 )continue; // Lấy price $product_price = get_option( 'woocommerce_display_cart_prices_excluding_tax' ) == 'yes' || WC()->customer->is_vat_exempt() ? $_product->get_price_excluding_tax() : $_product->get_price(); $product_price = apply_filters( 'woocommerce_cart_item_price_html', woocommerce_price( $product_price ), $cart_item, $cart_item_key ); ?> 
 get_image(); ?> 
  get_title(), $_product ); ?>
 
 
 Giỏ hàng Thanh toán 
 

• Code css

.bar_cart { width: 20%; float: left; position:relative; } .bar_menus_add_cart { background-color: #ddd; } .bar_cart ul { background-color: #eee; display:none; position:absolute; } .bar_cart ul li { display: block; float: left; } .bar_cart ul li a.cart-images { width: 30%; float: left; } .cart-info { width: 70%; float: right; padding-left: 15px; }

• Code js

$('.bar_cart .cart').mouseover(function(){ $('.bar_cart ul').show('slow'); }) $('.bar_cart ul').mouseleave(function(){ $('.bar_cart ul').hide('slow'); })

Tìm kiếm trên google: 

-Hướng dẫn custom woocommerce