0968.68.34.39

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.5 (90%) 14 votes

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é.

  6. ad cho mình hỏi có plugin nào cố định cái dòng title và giá cho nó đều nhau (nếu tên dài thì nhảy xuống 2 dòng thì giá bị đẩy xuống dưới) không ạ. chứ nó nhảy lên nhảy xuống thấy xấu quá. em hơi gà code nên ad giúp em nhé

    • Chào bạn,
      Xóa giá sản phẩm
      Bạn vào đường dẫn này trong thư mục theme đang sử dụng:

      Theme_dang_dung/woocommerce/loop/price.php

      Thay từ Add to Cart
      Bạn vào đường dẫn này trong thư mục theme đang sử dụng:

      Theme_dang_dung/woocommerce/loop/add-to-cart.php
  7. chào bạn , mình sử dụng hàm hiển thị giá sản phẩm thì nó hiển thị 1500000 chứ không phải là 1.500.000 đ như hiển thị trên sản phẩm , mình đã cài đặt tiền tệ cho nó rồi á . Bán có cách nào lấy đúng như mình đã setup trong woomcomerce không ? ,giúp mình với nhé

  8. Mình phân quyền cho thành viên nhưng ko hiểu sao add hình vào chi tiết sản phẩm bị lỗi sau khi f5 lại : nó ko hiện hình lên, mình kiểm tra trong trạng thái của Woo nó ghi như vậy:
    Giao diện của bạn có một tập tin woocommerce.php, bạn không thể ghi đè tập tin giao diện woocommerce/archive-product.php cho đến khi woocommerce.php có thứ tự ưu tiên cao hơn archive-product.php. Điều này là nhằm ngăn chặn các vấn đề hiển thị.
    Xem giúp mình nhé

  9. Mình có một form đặt hàng ở bên dưới mô tả sản phẩm bình thường là nó không có số lượng sản phẩm cần mua khi bấm mua hàng thì các thông tin tên , điện thoại , địa chỉ giao hàng thì trong woocomerce có thông tin . Tuy nhiên số lượng mặc định luôn là 1 , mình thêm code số lương của bạn vòa form thì khi bấm đặt hàng thì các dữ thông tin khách hàng không gửi về woocomerce , bạn có cách nào giúp mình với !

      • mình sử dụng code á bạn , code mình như sau :
        // id);
        $id = $product->id;
        $name = get_the_title( $id );
        $_product = wc_get_product($id);
        $price = $_product->get_price();
        $thumb = get_the_post_thumbnail( $id, ‘shop_catalog’, array(
        ‘title’ => $name,
        ‘alt’ => $name,
        ) );
        ?>

        Miễn phí giao hàng – Thanh toán tận nơi

        <input type="hidden" name="product" value="”>

        Tên bạn *

        Địa chỉ giao hàng *

        Số điện thoại *

        Số lượng:
        <input type="hidden" value="” name=”add-to-cart”>

        Ghi chú giao hàng

        Hoàn tất <img class="loading" src="/images/AjaxLoader.gif” alt=”loading”>

        \

        khi bấm vào đặt hàng thì thông tin đơn hàng trong womcomerce vẫn là 1 không thay đổi gì hết á

  10. Bạn ơi cho mình hỏi. Muốn hiển thị phần mô tả của danh mục sản phẩm xuống phía dưới các sản phẩm trong danh mục thì làm thế nào dc vậy. Cảm ơn bạn !

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>

Bình luận của bạn sẽ được hiển thị sau khi kiểm duyệt. Cảm ơn bạn đã để lại bình luận!.