Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce

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

Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce
4.6 (92%) 10 votes
Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce

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
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ị Hình thức giao hàng

<?php echo $product->get_shipping_class(); ?>

– 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.
Chúc các bạn thành công!

Bài liên quan

  1. Em chào anh.
    Em thấy những đoạn code mà anh nêu trên rất bổ ích. Em học được nhiều thứ trên này.
    Hiện tại em đang mày mò về woocommerce nên có nhiều chỗ nó không hiển thị và thắc mắc. Mong anh có thể giúp em được không ạ.
    Hiện tại em làm thì shortcode của woocommerce không hoạt động. Nên trang cart không hiển thị được. Anh giúp em phần này với.
    Em cảm ơn anh.

    • Chào bạn, Thực tế có 1 số hàm cho phép bạn gọi ở file này nhưng ở file khác lại không hoạt động, ngoài ra có 1 số hàm phải nằm trong vòng lặp While thì mới chạy bạn ạ, bạn có thể gửi screenshot vấn đề của bạn gặp phải nếu cần tư vấn cụ thể hơn bạn nhé!

    • Nếu bạn biết về code thì mình có thể hướng dẫn bạn thế này :
      Bạn dùng notepad++ search từ khóa : “add_to_cart_button” trong theme đang sử dụng /woocomerce
      Đây chính là class trong nút add to cart. tiếp tục mở file đã tìm được và thêm text hay ảnh xuống phía dưới của thẻ có class đó là được

  2. Mình cài plugin và sử dụng theme của mình nhưng không hiểu sao không gọi được các file trong JS của woocomerce ra. Sử dụng theme mặc định của wordpress thì thấy gọi được js ra, bạn có biết lỗi do đâu chỉ mình với

    • Bạn kiểm tra các file trong theme này :
      File header.php có đoạn: wp_head();
      File footer.php có đoạn : wp_footer();

      Ngoài ra nếu bạn đã thấy nó có file js của Woo nhưng không hoạt động thì bạn cần lưu ý. phải có div này ôm code woo của bạn:

      <div class="woocommerce"> //các code Woo bên trong </div>
      
  3. Web em sử dụng woocommerce làm trang bán hàng, hiện tại có một vấn đề là nó không hiện title ở ảnh thumbnail trên trang sản phẩm. E ko biết đặt vào vị trí nào để nó có thể hiển thị cả. bc xem giúp e phát. Thank bác trước!

  4. Bạn ơi cho mình hỏi làm sao hiển thị được mã sản phẩm ra bên ngoài trang sản phẩm được (tức là hiển thị tên sản phẩm, rồi mã sản phẩm bên dưới luôn). Mình mới dùng woo nên không rõ lắm. Mong được giúp đỡ. Cảm ơn bạn nhiều!!

  5. Cho mình hỏi chút đoạn code hiển thị nút mua hàng. Không biết mình sai sót chỗ nào nhưng khi mình chèn vào thì không hiển thị. Bạn có thể hướng dẫn mình không?

    • <select name="">
      <?php $terms = wp_get_post_terms(get_the_ID(), 'pa_size', array('orderby' => 'ID', 'order' => 'ASC')); if ($terms) { ?>
      	<?php foreach ($terms as $term) { ?>
      	<option value="<?php echo $term->name; ?>"><?php echo $term->name; ?></option>
      	<?php } ?>
      <?php } ?>
      </select>
      

      Trong đó pa_site chính là thuộc tính mình tạo demo thuộc tính Size, bạn thay bằng thuộc tính của bạn nhé.

Bình luận bài viết

Bạn có thể dùng các thẻ HTML này:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

X

Tạo live chat facebook cho website

Bạn cần tư vấn ?