Tùy biến minicart trong woocommerce

02/01/2016 05:45 5845

Hôm nay tôi sẽ chia sẽ với anh chị cách tùy biến minicart trong woocommerce. Trên mạng có rất nhiều bài hướng dẫn, anh/chị có thể tìm hiểu, ở đây tôi chia sẽ theo cách làm của tôi.

Nội dung bài viết

Trạng thái giỏ hàng:
Liệt kê list sản phẩm đã được thêm vào giỏ hàng nếu trong giỏ hàng có sản phẩm đã được thêm vào:
Code get thông tin sản phẩm trong vòn lặp foreach
Tính tổng giá trị đơn hàng
Nút link tới giỏ hàng
Nút link tới trang thanh toán
Xóa bộ nhớ đệm
Code tham khảo
Cập nhật số lượng giỏ hàng tức thì

Đầu tiên trên file chứa mã cho việc show mini cart bạn cần gọi biến toàn cục và chống lỗi Warning: Cannot modify header information – headers already sent by (output started at …)

<?php
global $woocommerce;
ob_start();?>

<?php

global $woocommerce;

ob_start();?>

Trạng thái giỏ hàng:

cho chúng ta biết hiện tại đã có bao nhiêu sản phẩm được thêm vào giỏ hàng và tổng giá trị đơn hàng là bao nhiêu và khi khách hàng click vào nó sẽ chuyển tới trang giỏ hàng, code cho việc này:

<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="Xem giỏ hàng" rel="nofollow"><?php echo sprintf(_n('%d item', '%d sản phẩm', WC()->cart->cart_contents_count, 'woothemes'), WC()->cart->cart_contents_count);?> - <?php echo WC()->cart->get_cart_total(); ?>   </a>

1	<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="Xem giỏ hàng" rel="nofollow"><?php echo sprintf(_n('%d item', '%d sản phẩm', WC()->cart->cart_contents_count, 'woothemes'), WC()->cart->cart_contents_count);?> - <?php echo WC()->cart->get_cart_total(); ?> </a>

Liệt kê list sản phẩm đã được thêm vào giỏ hàng nếu trong giỏ hàng có sản phẩm đã được thêm vào:

<?php if ( sizeof( WC()->cart->get_cart() ) > 0 ) : ?>
<?php foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) :?>
Get thông tin sản phẩm ở đây
<?php endforeach; ?>
<?php else : ?>
Giỏ hàng rỗng
<?php endif; ?>

<?php if ( sizeof( WC()->cart->get_cart() ) > 0 ) : ?>

<?php foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) :?>

Get thông tin sản phẩm ở đây

<?php endforeach; ?>

<?php else : ?>

Giỏ hàng rỗng

<?php endif; ?>

Các bài viết khác có thể hữu ích với bạn

Code get thông tin sản phẩm trong vòn lặp foreach

$_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 );
							?>
<dt style="display: block;" class="first_item" data-id="cart_block_product_10_0_0"><a class="cart-images" href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>">
<?php echo $_product->get_image(); ?>
</a><div class="cart-info"><div class="product-name"><a href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>" class="cart_block_product_name">
<span class="quantity"><?php printf( '%s &times; %s', $cart_item['quantity'], $product_price ); ?></span>
<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?></a></div></div><span class="remove_link">
    <?php
							echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s"  title="%s"></a>', esc_url( WC()->cart->get_remove_url( $cart_item_key ) ), __( 'Xóa', 'woocommerce' ) ), $cart_item_key );
						?>
</span></dt>

$_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 );

<dt style="display: block;" class="first_item" data-id="cart_block_product_10_0_0"><a class="cart-images" href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>">

<?php echo $_product->get_image(); ?>

</a><div class="cart-info"><div class="product-name"><a href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>" class="cart_block_product_name">

<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?></a></div></div><span class="remove_link">

<?php

echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s" title="%s"></a>', esc_url( WC()->cart->get_remove_url( $cart_item_key ) ), __( 'Xóa', 'woocommerce' ) ), $cart_item_key );

</span></dt>

Tính tổng giá trị đơn hàng

<?php echo WC()->cart->get_cart_total(); ?>

1	<?php echo WC()->cart->get_cart_total(); ?>

Nút link tới giỏ hàng

<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_cart_url(); ?>" title="Giỏ hàng" rel="nofollow">Giỏ hàng</a>

1	<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_cart_url(); ?>" title="Giỏ hàng" rel="nofollow">Giỏ hàng</a>

Nút link tới trang thanh toán

<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_checkout_url(); ?>" title="Thanh toán" rel="nofollow">Thanh toán</a>

1	<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_checkout_url(); ?>" title="Thanh toán" rel="nofollow">Thanh toán</a>

Xóa bộ nhớ đệm

<?php
ob_end_flush();
ob_end_clean();
?>

<?php

ob_end_flush();

ob_end_clean();

Code tham khảo

Bên trên là tôi giải thích để hiểu thôi, toàn bộ code nó ở đây anh chị có thể tham khảo

<?php
global $woocommerce;
ob_start();?>
<div class="block_cart clearfix">
<div class="shopping_cart"> 
<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="Xem giỏ hàng" rel="nofollow"><?php echo sprintf(_n('%d item', '%d sản phẩm', WC()->cart->cart_contents_count, 'woothemes'), WC()->cart->cart_contents_count);?> - <?php echo WC()->cart->get_cart_total(); ?>   </a>
<div style="display: none;" class="cart_block block exclusive">
<div class="block_content">
<div class="cart_block_list">
<dl class="products">
<?php if ( sizeof( WC()->cart->get_cart() ) > 0 ) : ?>
	<?php foreach ( WC()->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', wc_price( $product_price ), $cart_item, $cart_item_key );
							?>
<dt style="display: block;" class="first_item" data-id="cart_block_product_10_0_0"><a class="cart-images" href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>">
<?php echo $_product->get_image(); ?>
</a><div class="cart-info"><div class="product-name"><a href="<?php echo get_permalink( $cart_item['product_id'] ); ?>" title="<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?>" class="cart_block_product_name">
<span class="quantity"><?php printf( '%s &times; %s', $cart_item['quantity'], $product_price ); ?></span>
<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?></a></div></div><span class="remove_link">
    <?php
							echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s"  title="%s"></a>', esc_url( wc_get_cart_remove_url( $cart_item_key ) ), __( 'Xóa', 'woocommerce' ) ), $cart_item_key );
						?>
</span></dt>
						<?php endforeach; ?>
					<?php else : ?>
						<dt style="display: block;" class="first_item" data-id="cart_block_product_10_0_0"><?php _e('Chưa có sản phẩm trong giỏ hàng', 'woocommerce'); ?></dt>
					<?php endif; ?>
</dl><div class="cart-prices"><div class="cart-prices-line last-line"> <span class="price cart_block_total ajax_block_cart_total"><?php echo WC()->cart->get_cart_total(); ?></span> <span style="font-weight:700;">Tổng cộng:</span></div></div>
<?php do_action( 'woocommerce_widget_shopping_cart_before_buttons' ); ?>
<p class="cart-buttons"> 
<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_cart_url(); ?>" title="Giỏ hàng" rel="nofollow">Giỏ hàng</a>
<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_checkout_url(); ?>" title="Thanh toán" rel="nofollow">Thanh toán</a>
</p></div></div></div></div></div>
<?php
ob_end_flush();
ob_end_clean();
?>

<?php

global $woocommerce;

ob_start();?>

<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="Xem giỏ hàng" rel="nofollow"><?php echo sprintf(_n('%d item', '%d sản phẩm', WC()->cart->cart_contents_count, 'woothemes'), WC()->cart->cart_contents_count);?> - <?php echo WC()->cart->get_cart_total(); ?> </a>

<?php if ( sizeof( WC()->cart->get_cart() ) > 0 ) : ?>

<?php foreach ( WC()->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', wc_price( $product_price ), $cart_item, $cart_item_key );

<?php echo $_product->get_image(); ?>

<?php echo apply_filters('woocommerce_widget_cart_product_title', $_product->get_title(), $_product ); ?></a></div></div><span class="remove_link">

<?php

echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf( '<a href="%s" title="%s"></a>', esc_url( wc_get_cart_remove_url( $cart_item_key ) ), __( 'Xóa', 'woocommerce' ) ), $cart_item_key );

</span></dt>

<?php endforeach; ?>

<?php else : ?>

<?php endif; ?>

</dl><div class="cart-prices"><div class="cart-prices-line last-line"> <span class="price cart_block_total ajax_block_cart_total"><?php echo WC()->cart->get_cart_total(); ?></span> <span style="font-weight:700;">Tổng cộng:</span></div></div>

<?php do_action( 'woocommerce_widget_shopping_cart_before_buttons' ); ?>

<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_cart_url(); ?>" title="Giỏ hàng" rel="nofollow">Giỏ hàng</a>

<a id="button_order_cart" class="btn btn-default button button-small" href="<?php echo wc_get_checkout_url(); ?>" title="Thanh toán" rel="nofollow">Thanh toán</a>

</p></div></div></div></div></div>

<?php

ob_end_flush();

ob_end_clean();

Cập nhật số lượng giỏ hàng tức thì

Code sử dụng trong object

add_filter( 'woocommerce_add_to_cart_fragments', array($this,'update_cart_total_fragment' ));
function update_cart_total_fragment( $fragments ) {
    global $woocommerce;

    ob_start();

    ?>
    <span class="mini-cart-items"><?php echo WC()->cart->cart_contents_count; ?></span>
    <?php
    $fragments['.mini-cart-items'] = ob_get_clean();
    return $fragments;
}

add_filter( 'woocommerce_add_to_cart_fragments', array($this,'update_cart_total_fragment' ));

function update_cart_total_fragment( $fragments ) {

global $woocommerce;

ob_start();

<span class="mini-cart-items"><?php echo WC()->cart->cart_contents_count; ?></span>

<?php

$fragments['.mini-cart-items'] = ob_get_clean();

return $fragments;

}

4.9/5 (17 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Cho phép chỉnh sửa xóa sản phẩm ở trang thanh toán checkout [ 31/08/2022 02:43 ]
Add to cart woocommerce with meta item [ 13/07/2022 08:11 ]
Code xử lý giỏ hàng cart woocommerce [ 08/07/2022 11:32 ]
Thêm một item vào nav my account woocommerce [ 21/06/2022 14:48 ]
Tùy biến địa chỉ trong my account woocommerce [ 21/06/2022 06:49 ]
Thay đổi strength password cho woocommerce [ 24/04/2022 14:34 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Code xử lý order woocommerce [ 07/04/2022 12:54 ]
Ẩn tất cả method shipping khi xuất hiện free method shipping trong woocommerce [ 01/04/2022 07:20 ]
Fix user_login from example: nguyen tan tung to nguyentantung for woocommerce [ 07/09/2021 16:19 ]

Tùy biến minicart trong woocommerce

Trạng thái giỏ hàng:

Liệt kê list sản phẩm đã được thêm vào giỏ hàng nếu trong giỏ hàng có sản phẩm đã được thêm vào:

Code get thông tin sản phẩm trong vòn lặp foreach

Tính tổng giá trị đơn hàng

Nút link tới giỏ hàng

Nút link tới trang thanh toán

Xóa bộ nhớ đệm

Code tham khảo

Cập nhật số lượng giỏ hàng tức thì

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)