• Thế giới của tôi
  • Công nghệ
  • Nghệ thuật
  • Giải trí
  • Chế tạo Diy
  • Video
  • Phòng trưng bày
  • Quảng cáo
Thế giới của tôi
  • Trang chủ
  • Công nghệ

    Bán hàng online hiệu quả qua Instagram

    Hướng dẫn trỏ tên miền Namesilo về VPS Vultr

    Trang web tạo mật khẩu ngẫu nhiên cực hay

    Hướng dẫn bật nén Gzip trong Nginx cực đơn giản

    Cấu hình plugin Wp Rocket hay

    Hướng dẫn trỏ tên miền Name về VPS Vultr

    Tên miền

    Bật tính năng của ảnh trong wordpress 3.0

    Tầm quan trọng hình ảnh sản phẩm trong bán hàng online

  • Nghệ thuật
  • Giải trí
  • Chế tạo Diy
  • Video
  • Phòng trưng bày
No Result
View All Result
  • Trang chủ
  • Công nghệ

    Bán hàng online hiệu quả qua Instagram

    Hướng dẫn trỏ tên miền Namesilo về VPS Vultr

    Trang web tạo mật khẩu ngẫu nhiên cực hay

    Hướng dẫn bật nén Gzip trong Nginx cực đơn giản

    Cấu hình plugin Wp Rocket hay

    Hướng dẫn trỏ tên miền Name về VPS Vultr

    Tên miền

    Bật tính năng của ảnh trong wordpress 3.0

    Tầm quan trọng hình ảnh sản phẩm trong bán hàng online

  • Nghệ thuật
  • Giải trí
  • Chế tạo Diy
  • Video
  • Phòng trưng bày
No Result
View All Result
Thế Giới Của Tôi
No Result
View All Result
Home Wordpress

Hướng dẫn hiển thị các sản phẩm có cùng mức giá

Mai Linh by Mai Linh
3 Tháng Tư, 2022
3 min read
0
Share on FacebookShare on Twitter

Xem nhanh tại đây.

  1. Làm ngay thôi nào

Hôm nay mình sẽ hướng dẫn cho các bạn 1 đoạn query nhỏ nhỏ để có thể hiển thị được các sản phẩm có cùng mức giá với sản phẩm hiện tại. Demo sẽ như thế này nhé.

  1. Làm ngay thôi nào

  2. Sp Cung Muc Gia
    Sp Cung Muc Gia

    Để có thể lấy được sản phẩm cùng mức giá, đầu tiên chúng ta sẽ lấy ra giá của sản phẩm và tăng cái khoảng hiển thị mức giá lên, ở đây mình sẽ cho lấy trong khoảng 20% nhé, tức là vd sp giá 100 thì mình sẽ lấy ra các sản phẩm có giá nằm trong khoảng 80 – 120.
    Sau đó sẽ tiến hành thêm khu vực giao hàng

    1
    2
    3
    $p_custom = get_post_meta( get_the_ID(), '_price', true );
    $p_custom_mx = $p_custom*(1.2);
    $p_custom_mn = $p_custom*(0.8);

    Kế tiếp thì chúng ta sẽ biến query theo meta key là giá nhé.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    $query = array(
            'post_status' => 'publish',
            'post_type' => 'product',
            'posts_per_page' => 4,
            'post__not_in' => array($id),
            'meta_query' => array(
                array(
                    'key' => '_price',
                    'value' => array($p_custom_mn, $p_custom_mx),
                    'compare' => 'BETWEEN',
                    'type' => 'NUMERIC'
                )
            )
        );
    $pttuanquery = new WP_Query($query);

    Các bạn lưu ý ở phần posts_per_page nếu muốn hiển thị nhiều sản phẩm hơn nữa thì hãy sửa thành 5 6 7 8 gì đó nhé.

    Như vậy là xong, kế đến chúng ta sẽ chạy vòng lặp và hiển thị ra các sản phẩm có mức giá trong khoảng đó.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    if ( $pttuanquery->have_posts() ) :
    echo do_shortcode('[title text="Sản phẩm cùng mức giá"]');
    echo '<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">';
    while ( $pttuanquery->have_posts() ) : $pttuanquery->the_post();
        wc_get_template_part( 'content', 'product' );
    endwhile;
    wp_reset_postdata();
    echo '</div>';
    endif;

    Như vậy là xong. Đối với các bạn không nắm quá nhiều về query thì copy toàn bộ đoạn code bên dưới này dán vào functions.php nhé.

    Ở đây mình dùng hook

    1
    woocommerce_after_single_product_summary

    và đánh vị trí là 1 nên nó sẽ xuất hiện ngay phía trên của mô tả sản phẩm nhé.
    Note: Các bạn muốn thay đổi khoảng giá hiển thị thì có thể sửa ở đây nhé

    1
    $p_custom_mx = $p_custom<em>(1.2); $p_custom_mn = $p_custom</em>(0.8);

    Ở đây mình để là 20% công thức là 1+0,2 và 1- 0,2

Hi vọng bài viết này sẽ giúp cho các bạn giải quyết được vấn đề của mình.
Chúc các bạn thành công, có bất kì câu hỏi nào cứ hỏi mình nhé.

Previous Post

Cách set up freeship và thông báo ra giỏ hàng của woocommerce

Next Post

Hướng dẫn cách chèn bài viết liên quan vào giữa bài viết

Mai Linh

Mai Linh

chuyên wordpress, function, php, code, ...

Next Post

Hướng dẫn cách chèn bài viết liên quan vào giữa bài viết

No Result
View All Result

Bài viết mới

  • Một mẫu slider đẹp
  • Cách tạo vị trí menu wordpress
  • Khai báo custom post type trong wordpress
  • Sửa lỗi Because app requires SDK version >=2.15.1 <3.0.0 version solving failed
  • Cách đặt nhân vật tiếng trung phồn thể cho game Jx3 Quốc tế

Phản hồi gần đây

    Chuyên mục

    • Bảo mật website
    • Bẻ khóa theme plugin
    • Cắt giấy
    • Chụp ảnh
    • Chụp ảnh sản phẩm
    • Code tiện ích cho website
    • Code trang trí mở rộng
    • Công cụ Tools
    • Công nghệ
    • CSS
    • Digital Marketing
    • Function
    • Game Jx2
    • Game Jx3
    • Game Online
    • Gian hàng online
    • Hosting
    • HTML
    • Instagram
    • Kirigami
    • Kirigami 0 độ
    • Kirigami 180 độ
    • Kirigami 360 độ
    • Kirigami 90 độ
    • Mã độc hại website
    • Marketing Online
    • Máy chủ ảo VPS
    • Origami
    • Paper Craft
    • Phần mềm máy tính cơ bản
    • Php
    • Quilling
    • SEO
    • SEO Offpage
    • SEO Onpage
    • Share theme plugin
    • Shopee
    • Sửa ảnh
    • Tăng doanh thu bán hàng
    • Tên miền
    • Thông tin thế giới của tôi
    • Tối ưu tốc độ web
    • Windows
    • Wordpress

    Recent News

    Một mẫu slider đẹp

    29 Tháng Sáu, 2023

    Cách tạo vị trí menu wordpress

    20 Tháng Tư, 2023
    • Giới thiệu
    • Quảng cáo
    • Bảo mật
    • Liên hệ

    © 2019 Thế Giới Của Tôi - Thiết kế & xây dựng bởi Ngôi Nhà Web.vn.

    No Result
    View All Result
    • Thế giới của tôi
    • Công nghệ
    • Nghệ thuật
    • Giải trí
    • Chế tạo Diy
    • Video
    • Phòng trưng bày
    • Quảng cáo

    © 2019 Thế Giới Của Tôi - Thiết kế & xây dựng bởi Ngôi Nhà Web.vn.