WooCommerce: Cách thêm chữ trước hoặc sau giá sản phẩm

Đôi khi, bạn muốn thêm một chút “đặc sắc” trước hoặc sau giá sản phẩm của mình. Có thể là những cụm từ như “Giảm giá còn…”, “Giá chỉ…”, hoặc “… (bao gồm phí vận chuyển)”, v.v. Bài viết này sẽ hướng dẫn bạn làm điều đó

image 3423

Hướng dẫn thêm tiền tố hoặc hậu tố vào giá sản phẩm trong WooCommerce

Bước 1: Truy cập vào tệp functions.php của giao diện

  • Đăng nhập vào trang quản trị WordPress của bạn.
  • Đi tới Giao diện > Sửa giao diện.
  • Ở cột bên phải, tìm và nhấp vào tệp functions.php của giao diện bạn đang sử dụng.

Bước 2: Thêm đoạn mã sau vào cuối tệp functions.php

<?php
// Thêm tiền tố hoặc hậu tố vào giá sản phẩm
add_filter( 'woocommerce_get_price_html', 'custom_prefix_suffix_price', 10, 2 );

function custom_prefix_suffix_price( $price, $product ) {
    // Thiết lập tiền tố và hậu tố
    $prefix = 'Giá chỉ: ';
    $suffix = ' (bao gồm phí vận chuyển)';
    
    // Áp dụng tiền tố và hậu tố cho tất cả sản phẩm
    $price = $prefix . $price . $suffix;
    
    return $price;
}

Giải thích đoạn mã:

  • add_filter(‘woocommerce_get_price_html’, ‘custom_prefix_suffix_price’, 10, 2 );
    • Đây là bộ lọc của WooCommerce dùng để chỉnh sửa cách hiển thị giá sản phẩm.
    • 'woocommerce_get_price_html' là hook cho phép bạn thay đổi HTML của giá sản phẩm.
  • function custom_prefix_suffix_price( $price, $product ) { … }
    • Hàm này sẽ thêm tiền tố và hậu tố vào giá sản phẩm.
    • Bạn có thể tùy chỉnh biến $prefix$suffix theo ý muốn.

Bước 3: Lưu tệp và kiểm tra kết quả

  • Nhấn nút Cập nhật tệp để lưu thay đổi.
  • Truy cập trang sản phẩm trên website của bạn để xem kết quả.
  • Bạn sẽ thấy giá sản phẩm hiển thị với tiền tố “Giá chỉ: ” và hậu tố ” (bao gồm phí vận chuyển)”.

Áp dụng cho sản phẩm hoặc danh mục cụ thể

Nếu bạn chỉ muốn áp dụng tiền tố/hậu tố cho một số sản phẩm nhất định, bạn có thể thêm điều kiện vào hàm.

Ví dụ: Chỉ áp dụng cho sản phẩm có ID là 123

<?php
function custom_prefix_suffix_price( $price, $product ) {
    if ( $product->get_id() == 123 ) {
        $prefix = 'Giảm giá còn: ';
        $suffix = ' (ưu đãi đặc biệt)';
        $price = $prefix . $price . $suffix;
    }
    return $price;
}

Ví dụ: Chỉ áp dụng cho sản phẩm thuộc danh mục “Khuyến mãi”

<?php
function custom_prefix_suffix_price( $price, $product ) {
    if ( has_term( 'khuyen-mai', 'product_cat', $product->get_id() ) ) {
        $prefix = 'Giá khuyến mãi: ';
        $suffix = ' (số lượng có hạn)';
        $price = $prefix . $price . $suffix;
    }
    return $price;
}

Kết luận

Việc thêm tiền tố hoặc hậu tố vào giá sản phẩm không chỉ giúp hiển thị thông tin rõ ràng hơn mà còn là một cách tuyệt vời để thu hút sự chú ý của khách hàng. Hy vọng hướng dẫn này sẽ giúp bạn thực hiện thành công trên website WooCommerce của mình.

Nếu bạn gặp bất kỳ khó khăn nào trong quá trình thực hiện hoặc cần hỗ trợ thêm, đừng ngần ngại liên hệ với tôi. Tôi luôn sẵn lòng hỗ trợ bạn hoàn toàn miễn phí!

Chúc bạn thành công!

Đánh giá bài viết
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments