Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce cho các bạn mới tìm
hiểu và muốn tự tùy biến cách hiển thị sản phẩm cho website của mình.
Chào các Bạn,
Khi sử dụng Plugin Woocommerce làm trang bán hàng trên website
WordPress, ngoài việc dùng các widget có sẵn của plugin này thì chúng ta
cũng cần tìm hiểu thêm các hàm hiển thị dữ liệu cho Woocommerce để có
thể tự tùy biến được nó nữa.
Đây là bài viết mình muốn chia sẻ tới những bạn mới tìm hiểu và tự tùy
biến hiển thị sản phẩm Woocommerce. Mong rằng nó sẽ giúp các bạn được
phần nào đó!
Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce:
– Hiển thị tiêu đề sản phẩm
<?php the_title() ;?> |
– Hiển thị Link Sản phẩm
<?php the_permalink() ;?> |
– Hiển thị hình ảnh sản phẩm
<?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
– Hiển thị mô tả sản phẩm
<?php the_excerpt() ;?> |
– Hiển thị nội dung sản phẩm
<?php the_content() ;?> |
– Hiển thị Danh sách hình ảnh sản phẩm
<?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 } ?> |
– Hiển thị nút mua hàng
<?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 ); ?> |
– Hiển thị Giá của Sản phẩm
<?php echo get_post_meta( get_the_ID(), '_regular_price' , true ); ?> |
– Hiển thị Giá khuyến mại của Sản phẩm
<?php echo get_post_meta( get_the_ID(), '_sale_price' , true ); ?> |
– Hiển thị Mã Sản phẩm
<?php echo get_post_meta( get_the_ID(), '_sku' , true ); ?> |
– Hiển thị Tình trạng sản phẩm
<?php echo get_post_meta( get_the_ID(), '_stock_status' , true ); ?> |
– Hiển thị khối lượng sản phẩm
<?php echo get_post_meta( get_the_ID(), '_weight' , true ); ?> |
– Hiển thị số lượng(chỉ áp dụng với trang chi tiết sản phẩm)
<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> |
– Hiển thị Rating sản phẩm
<?php echo $product ->get_rating_html(); ?> |
– Hiển thị Từ khóa sản phẩm
<?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>' ); ?> |
Hiển thị Danh mục của sản phẩm
<?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>' ); ?> |
– Hiển thị Comment sản phẩm(áp dụng cho trang chi tiết sản phẩm)
<?php if ( comments_open() || get_comments_number() ) : comments_template(); endif ; ?> |
– Hiển thị Tiêu Đề Danh mục sản phẩm
<?php echo get_cat_name(ID_Của_Danh_Mục_Sản_Phẩm);?> |
– Hiển thị Link của Danh mục sản phẩm
<?php echo get_term_link(ID_Của_Danh_Mục_Sản_Phẩm);?> |
– Hiển thị Mô tả của Danh mục sản phẩm
<?php echo category_description(ID_Của_Danh_Mục_Sản_Phẩm);?> |
Khi sử dụng nếu có bất cứ khó khăn nào, bạn có thể để lại câu hỏi dưới phần comment của website để chúng ta cùng giải quyết.