Khi bạn sử dụng plugin Woocommerce ngoài việc sử dụng các tính năng có sẵn trong plugin thì chúng ta tìm hiểu thêm về code tùy biến hàm hiểm thị dữ liệu cho Woocommerce
Giuseart sẽ chia sẽ tới các bạn mới tìm hiểu và tự tùy biến hiển thị sản phẩm sao cho phù hợp hơn với giao diện mong muốn.
Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce:
1. Hiển thị tiêu đề sản phẩm
1 | <?php the_title(); ?> |
2. Hiển thị link sản phẩm
1 | <?php the_permalink() ;?> |
3. Hiển thị hình ảnh sản phẩm
1 | <?php the_post_thumbnail("thumbnail",array( "title" => get_the_title(),"alt" => get_the_title() ));?> |
Trong đó thumbnail
chính là kích thước của ảnh, bạn có thể thay bằng medium
, large
, full
để tối ưu ảnh hiển thị hơn
4. Hiển thị danh sách hình ảnh sản phẩm (Ảnh album)
1 2 3 4 5 6 | <?php global $product; $attachment_ids = $product->get_gallery_attachment_ids(); foreach( $attachment_ids as $attachment_id ) { ?> <?php echo wp_get_attachment_image($attachment_id, 'thumbnail'); ?> <?php } ?> |
5. Hiển thị mô tả ngắn
1 | <?php the_excerpt() ;?> |
6. Hiển thị nội dung sản phẩm
1 | <?php the_content() ;?> |
7. Hiển nút giỏ hàng
1 2 3 4 5 6 7 8 9 10 | <?php echo apply_filters( 'woocommerce_loop_add_to_cart_link', sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="add-cart button %s product_type_%s buynow">Mua hàng</a>', esc_url( $product->add_to_cart_url() ), esc_attr( $product->id ), esc_attr( $product->get_sku() ), $product->is_purchasable() ? 'add_to_cart_button' : '', esc_attr( $product->product_type ), esc_html( $product->add_to_cart_text() ) ), $product ); ?> |
8. Hiển thị giá sản phẩm
1 | <?php echo get_post_meta( get_the_ID(), '_regular_price', true ); ?> |
9. Hiển thị giá khuyến mãi sản phẩm
1 | <?php echo get_post_meta( get_the_ID(), '_sale_price', true ); ?> |
10. Hiển thị mã sản phẩm
1 | <?php echo get_post_meta( get_the_ID(), '_sku', true ); ?> |
11. Hiển thị tình trạng sản phẩm
1 | <?php echo get_post_meta( get_the_ID(), '_stock_status', true ); ?> |
12. Hiển thị hình thức giao hàng
1 | <?php echo $product->get_shipping_class(); ?> |
13.Hiển thị khối lượng sản phẩm
1 | <?php echo get_post_meta( get_the_ID(), '_weight', true ); ?> |
14. Hiển thị số lượng sản phẩm (áp dụng cho trang chi tiết sản phẩm)
1 2 3 4 5 | <form enctype="multipart/form-data" method="post" class="cart"> <div class="quantity"><label>Số lượng: </label><input type="number" size="4" class="input-text qty text" title="SL" value="1" name="quantity" min="1" step="1"></div> <input type="hidden" value="<?php echo $vnid = the_ID(); ?>" name="add-to-cart"> <button class="add-cart single_add_to_cart_button alt buynow" type="submit">Đặt mua</button> </form> |
15. Hiển thị Rating sản phẩm
1 | <?php echo $product->get_rating_html(); ?> |
16. Hiển thị từ khóa sản phẩm
1 | <?php global $post, $product; $tag_count = sizeof( get_the_terms( $post->ID, 'product_tag' ) ); echo $product->get_tags( ', ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', $tag_count, 'woocommerce' ) . ' ', '</span>' ); ?> |
17. Hiển thị danh mục sản phẩm
1 | <?php global $post, $product; $cat_count = sizeof( get_the_terms( $post->ID, 'product_cat' ) ); echo $product->get_categories( ', ', '<span class="posted_in">' . _n( 'Category:', 'Categories:', $cat_count, 'woocommerce' ) . ' ', '</span>' ); ?> |
18. Hiển thị comment sản phẩm (áp dụng cho trang chi tiết sản phẩm)
1 2 3 4 5 | <?php if ( comments_open() || get_comments_number() ) : comments_template(); endif; ?> |
19. Hiển thị tiêu đề danh mục sản phẩm
1 | <?php echo get_cat_name(ID_Của_Danh_Mục_Sản_Phẩm);?> |
20. Hiển thị link của danh mục sản phẩm
1 | <?php echo get_term_link(ID_Của_Danh_Mục_Sản_Phẩm);?> |
21. Hiển thị mô tả của danh mục sản phẩm
1 | <?php echo category_description(ID_Của_Danh_Mục_Sản_Phẩm);?> |
Chia sẻ bài viết: