Nếu bạn đang quản lý một cửa hàng trực tuyến với WooCommerce và muốn thay thế giá trị “0đ” bằng chữ “Liên hệ” cho những sản phẩm không có giá, hoặc sản phẩm hết hàng, bài viết này sẽ hướng dẫn bạn cách thực hiện điều đó một cách đơn giản và hiệu quả.
Việc thay đổi giá trị “0đ” thành “Liên hệ” sẽ giúp khách hàng hiểu rõ hơn về tình trạng sản phẩm, từ đó tạo ra một trải nghiệm mua sắm trực tuyến tốt hơn. Dưới đây là các bước chi tiết để thay đổi cách hiển thị giá sản phẩm trong WooCommerce.
Cách Thực Hiện Chuyển “0đ” Thành “Liên Hệ” Trong WooCommerce
Để thay đổi giá trị “0đ” thành “Liên hệ” trong WooCommerce, bạn cần thêm một đoạn mã vào tệp functions.php
của theme đang sử dụng. Đoạn mã này sẽ giúp bạn kiểm tra nếu sản phẩm không có giá hoặc hết hàng, thay vì hiển thị “0đ”, nó sẽ hiển thị chữ “Liên hệ”.
Đoạn Mã Cần Thêm Vào Tệp functions.php
1 2 3 4 5 6 7 8 9 10 11 12 | function muathemewpgiare_lh_custom_get_price_html( $price, $product ) { if ( ! $product->get_price() ) { if ( $product->is_on_sale() && $product->get_regular_price() ) { $regular_price = wc_get_price_to_display( $product, array( 'qty' => 1, 'price' => $product->get_regular_price() ) ); $price = wc_format_price_range( $regular_price, __( 'Free!', 'woocommerce' ) ); } else { $price = '<span class="muathemewpgiare-lh-amount">' . __( 'Liên hệ', 'woocommerce' ) . '</span>'; } } return $price; } add_filter( 'woocommerce_get_price_html', 'muathemewpgiare_lh_custom_get_price_html', 10, 2 ); |
Giải Thích Đoạn Mã:
- muathemewpgiare_lh_custom_get_price_html: Đây là tên hàm tùy chỉnh của bạn để thay đổi cách hiển thị giá sản phẩm.
- Kiểm tra giá sản phẩm: Nếu sản phẩm không có giá (giá bằng 0), mã sẽ thay thế bằng “Liên hệ”.
- Hiển thị giá gốc cho sản phẩm giảm giá: Nếu sản phẩm đang giảm giá và có giá gốc, mã sẽ hiển thị giá gốc kèm theo thông báo “Free!”.
- Class CSS: Class CSS muathemewpgiare-lh-amount được sử dụng để thay thế class mặc định, giúp dễ dàng tùy chỉnh giao diện theo nhu cầu của bạn.
Cách Thực Hiện Hiển Thị “Liên Hệ” Khi Sản Phẩm Hết Hàng
Nếu bạn muốn hiển thị chữ “Liên hệ” khi sản phẩm hết hàng, bạn có thể sử dụng đoạn mã sau. Đoạn mã này sẽ thay đổi giá sản phẩm thành “Liên hệ” khi sản phẩm không còn trong kho.
1 2 3 4 5 6 7 | function muathemewpgiare_lh_out_of_stock_price_html( $price, $product ) { if ( ! $product->is_in_stock() ) { $price = '<span class="muathemewpgiare-lh-amount">' . __( 'Liên hệ', 'woocommerce' ) . '</span>'; } return $price; } add_filter( 'woocommerce_get_price_html', 'muathemewpgiare_lh_out_of_stock_price_html', 10, 2 ); |
Giải Thích Đoạn Mã:
muathemewpgiare_lh_out_of_stock_price_html
: Hàm này giúp thay đổi cách hiển thị giá cho sản phẩm hết hàng.- Class CSS: Vẫn sử dụng class
muathemewpgiare-lh-amount
để đảm bảo tính nhất quán trong thiết kế. - Kiểm tra tình trạng kho: Mã kiểm tra nếu sản phẩm không còn trong kho, nó sẽ thay thế giá trị bằng “Liên hệ”.
Lợi Ích Của Việc Thay Thế “0đ” Thành “Liên Hệ” Trong WooCommerce
Việc thay thế giá trị “0đ” thành “Liên hệ” mang lại nhiều lợi ích cho cửa hàng trực tuyến của bạn:
- Trải nghiệm người dùng tốt hơn: Khách hàng sẽ không bị bối rối khi thấy giá “0đ”, thay vào đó họ sẽ hiểu rằng cần liên hệ để biết thông tin chi tiết về giá.
- Quản lý sản phẩm dễ dàng: Bạn có thể dễ dàng quản lý các sản phẩm hết hàng hoặc không có giá mà không cần phải thay đổi thủ công từng sản phẩm.
- Tạo sự chuyên nghiệp: Việc sử dụng từ ngữ như “Liên hệ” thay cho “0đ” sẽ giúp cửa hàng của bạn trông chuyên nghiệp hơn, đồng thời cải thiện sự tin tưởng từ khách hàng.
Lưu Ý Quan Trọng Khi Sử Dụng Mã
- Sao lưu trước khi chỉnh sửa: Trước khi thêm mã vào tệp functions.php, hãy sao lưu tệp này để tránh các rủi ro có thể xảy ra.
- Kiểm tra kỹ sau khi thay đổi: Sau khi thêm mã, hãy kiểm tra lại website của bạn để đảm bảo rằng tất cả các thay đổi đã được áp dụng chính xác và không gây ra lỗi.
- Tùy chỉnh theo nhu cầu: Bạn có thể thay đổi nội dung “Liên hệ” thành bất kỳ từ ngữ nào khác mà bạn muốn, ví dụ như “Liên hệ để biết giá” hoặc “Cập nhật giá sau”.
Kết Luận
Việc chuyển “0đ” thành “Liên hệ” trong WooCommerce là một cách tuyệt vời để cải thiện cách hiển thị giá sản phẩm trên cửa hàng trực tuyến của bạn. Bằng cách thêm đoạn mã đơn giản vào tệp functions.php
, bạn có thể dễ dàng tùy chỉnh hiển thị giá cho các sản phẩm không có giá hoặc hết hàng.
Hãy làm theo các bước trên để tạo một cửa hàng WooCommerce chuyên nghiệp, dễ sử dụng và mang lại trải nghiệm tốt nhất cho khách hàng của bạn.