Trong bài viết này mình sẽ hướng dẫn các bạn cách thêm hậu tố (đơn vị tính) vào phía sau giá sản phẩm trong WooCommerce bằng một đoạn code PHP kết hợp với CSS, hoàn toàn không cần cài thêm plugin.
Ví dụ:
350.000đ (m dài)
1.250.000đ (m²)
89.000đ (kg)
150.000đ (bộ)
Nội dung video gồm:
✔ Sử dụng Filter Hook woocommerce_get_price_html
✔ Giải thích từng dòng code PHP
✔ Chỉ hiển thị hậu tố khi sản phẩm có giá
✔ Tùy chỉnh giao diện bằng CSS
✔ Dễ dàng thay đổi đơn vị tính theo nhu cầu
Các bạn coppy đoạn mã này paste vào file Funtion.php
add_filter( ‘woocommerce_get_price_html’, ‘devvn_price_prefix_suffix’, 99, 2 );
function devvn_price_prefix_suffix( $price, $product ) {
// Không có giá hoặc giá bằng 0 thì không thêm
if ( $product->get_price() <= 0 ) {
return $price;
}return $price . ‘ <span class=”price-unit”>(m dài)</span>’;
}
Còn đoạn này dán vào custom css:
.price-unit{
font-size:13px;
color:#666;
font-weight:normal;
margin-left:3px; }
Video tham khảo cách làm:
Bài viết liên quan: