Hướng dẫn custom woocommerce phần 3

14/01/2016 09:27 9725

Table of Contents

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

<?php
$product = wc_get_product( get_the_ID() );
$add_to_cart_link = sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" class=" add_to_cart_button single_add_to_cart_button button product_type_%s">%s</a>',
      esc_url( $product->add_to_cart_url() ),
      $product->id,
      esc_attr( $product->product_type ),
      'Mua ngay'
     );
echo $add_to_cart_link;
    ?>

<?php

$product = wc_get_product( get_the_ID() );

$add_to_cart_link = sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" class=" add_to_cart_button single_add_to_cart_button button product_type_%s">%s</a>',

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

<div class="bar_cart">
              <?php
global $woocommerce;
//ob_start();?>
<div class="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>
<ul>
<?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 );
							?>
<li><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></li>
						<?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; ?>
                    <li><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></li>
</ul>

              </div>

<?php

global $woocommerce;

//ob_start();?>

<div class="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>

<ul>

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

<li><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></li>

<?php endforeach; ?>

<?php else : ?>

<?php endif; ?>

<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></li>

</ul>

</div>

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;
}

.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');
		})

$('.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

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

4.9/5 (17 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

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

Tạo slide danh mục sản phẩm nổi bật trong woocommece bằng slick [ 05/11/2023 04:13 ]
Các vấn đề liên quan tới customize woocommerce [ 15/05/2023 02:30 ]
Thêm một item menu vào my account woocommerce [ 25/03/2023 08:38 ]
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 ]
Cách làm sản phẩm đã xem woocommerce [ 25/06/2022 09:31 ]
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 ]
Thêm “Liên hệ” vào price woocommerce khi không nhập giá cũng như hết hàng [ 09/05/2022 03:38 ]

Hướng dẫn custom woocommerce phần 3

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

Code php cho phần cartmini

Code css

Code js

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)