Tùy biến minicart trong woocommerce

02/01/2016 05:45 4686

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.

Đầ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; ?>

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()->cart->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()->cart->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()->cart->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()->cart->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();

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', 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>
						<?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()->cart->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()->cart->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', woocommerce_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

</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()->cart->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()->cart->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();

4.9/5 (16 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

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

Một số hook hay dùng trong woocommerce [ 30/04/2021 07:25 ]
Chức năng coupon ( phiếu giảm giá ) trong woocommerce hoạt động như thế nào? [ 21/08/2020 08:19 ]
Gửi email từ template php [ 20/08/2020 08:05 ]
Một số code thường dùng cho woocommerce ( some code usually use for woocommerce) [ 11/07/2019 02:54 ]
Viết widget featured cateogry product woocommerce slide sử dụng owlcarousel jquery [ 06/10/2017 02:46 ]
Custom trang checkout woocommerce thành 2 cột [ 03/03/2017 11:16 ]
Sắp xếp sản phẩm trong woocommerce theo ý người quản trị [ 07/02/2017 06:39 ]
Hướng dẫn custom woocommerce phần 11 [ 17/03/2016 04:33 ]
Hướng dẫn custom woocommerce – phần 10 [ 29/02/2016 15:56 ]
Hướng dẫn custom woocommerce – phần 9 [ 21/02/2016 01:58 ]

Tùy biến minicart trong woocommerce

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

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)

Custom header và custom background- tạo tùy biến logo nền banner của header và tùy biến nền body

Import mã css, js vào head của admin bằng wp_enqueue_style và wp_enqueue_script