Top 15 những đoạn code thường xuyên sử dụng trong lập trình Theme bán hàng – Woocommerce

Top 15 những đoạn code thường xuyên sử dụng trong lập trình Theme bán hàng – Woocommerce

  • Share:

Nguyễn Duy -Developer Follow Author

Dưới đây là những đoạn code hay dùng trong lập trình site bán hàng sử dụng plugin Woocommerce – plugin hỗ trợ bán hàng Top 1 hiện nay. Kết hợp với bài viết Top 10 Những đoạn code phổ biến – hay dùng trong lập trình Theme WordPress và series hướng dẫn lập trình Theme WP  của mình thì các bạn đã đủ tiêu chuẩn để chiến các loại web wordpress nhé !!

1- Code Get 10 sản phẩm mới nhất :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php $args = array( 'post_type' => 'product','posts_per_page' =>10,); ?>
    <?php $getproducts = new WP_query( $args);?>
    <?php global $wp_query; $wp_query->in_the_loop = true; ?>
    <?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
    <?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>//Lấy tên sản phẩm
<?php echo $product->get_price_html(); ?>//lấy giá tiền của sản phẩm
</li>
<?php endwhile;  wp_reset_postdata(); ?>

Các hàm cần chú ý :

  • get_the_post_thumbnail( get_the_id(), ‘full’, array( ‘class’ =>’thumnail’) ) là lấy ảnh đại diện của sản phẩm.
  • get_price_html() : hàm lấy giá tiền của sản phẩm.
  • the_title() : hàm lấy tên sản phẩm.
  • the_permalink() : hàm lấy link sản phẩm.

2- Code Get 10 sản phẩm theo danh mục sản phẩm :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php $args = array( 'post_type' => 'product','posts_per_page' =>10, 'product_cat' => 'category-name'); ?>
    <?php $getproducts = new WP_query( $args);?>
    <?php global $wp_query; $wp_query->in_the_loop = true; ?>
    <?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
    <?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
<?php endwhile;  wp_reset_postdata(); ?>

Với product_cat là slug tên danh mục bạn muốn lấy.

3- Code Get 10 sản phẩm giảm giá :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php $args = array(
'post_type' => 'product',
'posts_per_page' => 10,
'meta_query'     => array(
            'relation' => 'OR',
            array(
                'key'           => '_sale_price',
                'value'         => 0,
                'compare'       => '>',
                'type'          => 'numeric'
            )
        )
    ); ?>
<?php $getproducts = new WP_query( $args);?>
<?php global $wp_query; $wp_query->in_the_loop = true; ?>
<?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
<?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
<?php endwhile; wp_reset_postdata();?>

4- Code Get 10 sản phẩm nổi bật :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php $args = array( 'post_type' => 'product','posts_per_page' =>10, 'meta_key' => '_featured','meta_value' => 'yes',); ?>
<?php $getproducts = new WP_query( $args);?>
<?php global $wp_query; $wp_query->in_the_loop = true; ?>
<?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
<?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
<?php endwhile;  wp_reset_postdata(); ?>

5- Code hiển thị 10 sản phẩm xếp hạng đánh giá từ cao đến thấp :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php $args = array(
'posts_per_page' => 10,
'post_status'    => 'publish',
'post_type'      => 'product',
'meta_key'       => '_wc_average_rating',
'orderby'        => 'meta_value_num',
'order'          => 'DESC',
);?>
<?php $getproducts = new WP_query( $args);?>
<?php global $wp_query; $wp_query->in_the_loop = true; ?>
<?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
<?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
<?php endwhile; wp_reset_postdata();?>

6- Code hiển thị 10 sản phẩm xếp hạng đánh giá từ thấp đến cao :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php $args = array(
'posts_per_page' => 10,
'post_status'    => 'publish',
'post_type'      => 'product',
'meta_key'       => '_wc_average_rating',
'orderby'        => 'meta_value_num',
'order'          => 'ASC',
);?>
<?php $getproducts = new WP_query( $args);?>
<?php global $wp_query; $wp_query->in_the_loop = true; ?>
<?php while ($getproducts->have_posts()) : $getproducts->the_post(); ?>
<?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
<?php endwhile; wp_reset_postdata();?>

7- Code Get 10 sản phẩm liên quan :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?php
global $product, $woocommerce_loop;
 
if ( empty( $product ) || ! $product->exists() ) {
return;
}
 
$related = $product->get_related( $posts_per_page );
 
if ( sizeof( $related ) === 0 ) return;
 
$args = apply_filters( 'woocommerce_related_products_args', array(
'post_type'            => 'product',
'ignore_sticky_posts'  => 1,
'no_found_rows'        => 1,
'posts_per_page'       => 10,
'orderby'              => $orderby,
'post__in'             => $related,
'post__not_in'         => array( $product->id )
) );
 
$products = new WP_Query( $args );
 
$woocommerce_loop['columns'] = $columns;
 
if ( $products->have_posts() ) : ?>
 
<div class="related block-product">
 
<h3 class="title-related"><?php _e( 'Related Products', 'woocommerce' ); ?></h2>
 
<?php woocommerce_product_loop_start(); ?>
 
<?php while ( $products->have_posts() ) : $products->the_post(); ?>
 
<?php global $product; ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo get_the_post_thumbnail( get_the_id(), 'full', array( 'class' =>'thumnail') ); ?>
</a>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<?php echo $product->get_price_html(); ?>
</li>
 
<?php endwhile; // end of the loop. ?>
 
<?php woocommerce_product_loop_end(); ?>
 
</div>
 
<?php endif;
 
wp_reset_postdata();
?>

Code này được đặt vào phần dưới của file single-product.php

8- Code hiển thị tất cả danh mục sản phẩm :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<?php $args = array(
    'hide_empty' => 0,
    'taxonomy' => 'product_cat',
    'orderby' => id,
    'parent' => 0
    );
    $cates = get_categories( $args );
    foreach ( $cates as $cate ) {  ?>
<li>
<a href="<?php echo get_term_link($cate->slug, 'product_cat'); ?>"><?php echo $cate->name ?></a>
</li>
<?php } ?>

Với : hide_emty = 1 nếu muốn ẩn những category không có sản phẩm nào.

9- Form tìm kiếm sản phẩm :

Tìm kiếm sản phẩm bằng từ khóa :

PHP
1
2
3
4
5
<form action="<?php bloginfo('url'); ?>/" method="GET" role="form">
<input type="hidden" name="post_type" value="product">
<input type="text" class="form-control" id="name" name="s" placeholder="Nhập tên sản phẩm cần tìm...">
<button type="submit" class="btn btn-primary">Tìm kiếm</button>
</form>

Tìm kiếm sản phẩm kết hợp giữa từ khóa và danh mục sản phẩm :

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form action="<?php bloginfo('url'); ?>/" method="GET" role="form">
<input type="hidden" name="post_type" value="product">
<input type="text" class="form-control" id="name" name="s" placeholder="Nhập tên sản phẩm...">
<select name="product_cat" id="inputProduct_cat" class="form-control" required="required">
<option value="">Chọn danh mục</option>
<?php $args = array(
    'hide_empty' => 1,
    'taxonomy' => 'product_cat',
    'orderby' => id,
    );
    $cates = get_categories( $args );
    foreach ( $cates as $cate ) {  ?>
<option value="<?php echo $cate->slug; ?>"><?php echo $cate->name; ?></option>
<?php } ?>
</select>
<button type="submit" class="btn btn-primary">Tìm kiếm</button>
</form>

10- Code thêm sản phẩm vào giỏ hàng :

PHP
1
2
3
4
<form action="" method="post">
<input type="hidden" name="add-to-cart" value="<?php the_id(); ?>">
<button class="addc"><i class="fa fa-cart-plus" aria-hidden="true"></i> Thêm vào giỏ hàng</button>
</form>

Code này được đặt trong block của sản phẩm (trong vòng lặp get sản phẩm).

11- Code hiển thị số lượng sản phẩm trong giỏ hàng của khách hàng :

PHP
1
2
3
<p>Số lượng sản phẩm trong giỏ hàng: <?php echo sprintf
(_n( '%d Sản phẩm', '%d Sản phẩm', WC()->cart->cart_contents_count ),
WC()->cart->cart_contents_count ); ?> - <?php echo WC()->cart->get_cart_total(); ?></p>

12- Code lấy tất cả hình ảnh gallery của sản phẩm

PHP
1
2
3
4
5
6
7
<?php
global $product;
$attachment_ids = $product->get_gallery_attachment_ids();
foreach( $attachment_ids as $attachment_id ) {
   echo $image_link = wp_get_attachment_url( $attachment_id );
}
?>

13- Code lấy phần trăm giảm giá của sản phẩm :

PHP
1
2
3
4
5
6
<?php if($product->is_on_sale() && $product->product_type == 'simple') : ?>
  <span class="label right label-info">
    <?php  $percentage = round( ( ( $product->regular_price - $product->sale_price ) / $product->regular_price ) * 100 );
           echo $price . sprintf( __('%s', 'woocommerce' ), $percentage . '%' ); ?>
  </span>
<?php endif; ?>

14- Code lấy nội dung mô tả của sản phẩm đó :

PHP
1
2
3
4
5
6
<?php if($product->is_on_sale() && $product->product_type == 'simple') : ?>
  <span class="label right label-info">
    <?php  $percentage = round( ( ( $product->regular_price - $product->sale_price ) / $product->regular_price ) * 100 );
           echo $price . sprintf( __('%s', 'woocommerce' ), $percentage . '%' ); ?>
  </span>
<?php endif; ?>

Code này được đặt trong file single-product.php

15- Code lấy danh mục và từ khóa của sản phẩm :

PHP
1
2
3
4
<?php echo $product->get_categories( ', ', '<p>' . _n( 'Chuyên mục:', 'Chuyên mục:', sizeof( get_the_terms( $post->ID, 'product_cat' ) ), 'woocommerce' ) . ' ', '.</p>' ); ?>
// lấy chuyên mục sản phẩm
<?php echo $product->get_tags( ', ', '<p>' . _n( 'Từ khóa:', 'Từ khóa:', $tag_count, 'woocommerce' ) . ' ', '.</p>' ); ?>
// Lấy từ khóa sản phẩm

Nếu có thắc mắc gì hãy để lại Comment của các bạn ở phía dưới . Hãy thực hành và làm theo để hiểu rõ hơn. Bài Viết này rất quan trọng Hãy Theo dõi sharecodewebsite nhé  😍

Xem Thêm

Comment

5 2 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments

Tags

code gối đầu giường WP code hay dùng theme WP code theme code theme wordpress học wordpress lập trình theme wp lập trình woocommerce sharecodewebsite wordpress theme woocommerce Theme WP

Kết quả xổ số hôm nay Trực Tiếp: KQXS, XSKT,  Số Trúng 3 miền, Xổ Số điện toán, xổ số Vietlove, KQXS 3 Miền mượt số #1. Tường thuật trực tiếp kết quả xổ số kiến thiết ngày hôm nay chuẩn nhất - nhanh nhất tại xskt.net.vn!

banner xskt

Bài Viết Liên Quan

Bài 1 : Giới Thiệu Khoá Học – Tại sao lại chọn lập trình WordPress?
Lập Trình Theme WP $ Free

Bài 1 : Giới Thiệu Khoá Học – Tại sao lại chọn lập trình WordPress?

Oct 05, 2021
Bài 2 : Cài đặt WordPress ở localhost – XAMPP
Lập Trình Theme WP $ Free

Bài 2 : Cài đặt WordPress ở localhost – XAMPP

Oct 05, 2021
Bài 3 : Cấu trúc file của Theme WP – Chuyển Template(code tĩnh) thành Theme WP
Lập Trình Theme WP $ Free

Bài 3 : Cấu trúc file của Theme WP – Chuyển Template(code tĩnh) thành Theme WP

Oct 06, 2021
Top 10 Những đoạn code phổ biến – hay dùng trong lập trình Theme WordPress
Lập Trình Theme WP $ Free

Top 10 Những đoạn code phổ biến – hay dùng trong lập trình Theme WordPress

Oct 09, 2021
Bài 4 : Hàm Get Bài Viết Hay Dùng- Load Bài Viết Ra Trang Chủ
Lập Trình Theme WP $ Free

Bài 4 : Hàm Get Bài Viết Hay Dùng- Load Bài Viết Ra Trang Chủ

Oct 09, 2021

Dark Mode

Fanpage Facebook

Share Source Code Website