Chuyển 0đ thành liên hệ với flatsome

Để chuyển giá “0đ” thành “Liên hệ” trong theme Flatsome (WooCommerce), bạn có thể sử dụng một trong các cách sau:

Cách 1: Sử dụng Code Snippet (functions.php)

Bạn có thể thêm đoạn code này vào file functions.php của theme con (child theme):

Sử dụng php
function custom_woo_change_zero_price($price, $product) {
if ($product->get_price() == 0) {
return '<span class="price">Liên hệ</span>';
}
return $price;
}
add_filter('woocommerce_get_price_html', 'custom_woo_change_zero_price', 10, 2);

Giải thích:

  • Hàm kiểm tra nếu giá sản phẩm bằng 0, thì thay thế bằng chữ "Liên hệ".
  • Nếu không, hiển thị giá bình thường.

Cách 2: Sử dụng CSS (Ẩn giá 0đ và hiển thị “Liên hệ”)

Bạn có thể dùng CSS để ẩn giá 0đ và hiển thị "Liên hệ":

Sửu dụng css

.price:empty::before {
content: "Liên hệ";
font-weight: bold;
color: #ff0000;
}

Lưu ý: Cách này chỉ hiệu quả nếu Flatsome không hiển thị giá 0đ trong HTML.

Cách 3: Chỉnh sửa trực tiếp trong WooCommerce Templates

Nếu bạn muốn sửa file template, hãy tìm và sửa file: flatsome/woocommerce/single-product/price.php Tìm đoạn hiển thị giá và thay bằng:

Sử dụng php
<?php if ( $product->get_price() == 0 ) : ?>
<span class="price">Liên hệ</span>
<?php else : ?>
<?php echo $product->get_price_html(); ?>
<?php endif; ?>

Cách 1 là tối ưu nhất vì không cần chỉnh sửa template, dễ bảo trì khi cập nhật theme.

Cập nhật: 04/02/2025
Chia sẻ bài viết: f ✉
Tác giả bài viết thinh.dang

Bài viết liên quan

Code rút gọn mô tả trong chuyên mục blog Thủ Thuật Flatsome

Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome – dùng trên mọi theme WordPress

Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome  – Trong chủ đề Flatsome, việc…

📅 20/08/2024 ⏱ 6 phút đọc
Hiện thị thông tin bài đăng blog wordpress trong theme flatsome Thủ Thuật Flatsome

Hiển thị thông tin bài đăng blog wordpress trong theme flatsome

Đôi lúc chúng ta cần show các thông tin bên dưới tựa đề bài đăng như…

📅 20/08/2024 ⏱ 4 phút đọc
Hiển thị số lượng sản phẩm đã bán trong Woocommerce wordpress Thủ Thuật Flatsome

Hiển thị số lượng sản phẩm đã bán trong Woocommerce wordpress

Woocommerce hiện tại là plugin miễn phí hỗ trợ làm website bán hàng trên WordPress rất phổ…

📅 20/08/2024 ⏱ 3 phút đọc
Thủ Thuật Flatsome

Các hook chủ yếu khi sử dụng flatsome

Khi sử dụng Flatsome để thiết kế website, bạn có thể sử dụng các hook để…

📅 20/08/2024 ⏱ 3 phút đọc
Cần tư vấn thiết kế web, SEO hay chạy Google Ads? Thinhmkt - Thiết kế web · SEO · Google Ads sẵn sàng hỗ trợ bạn
Đăng ký tư vấn Gọi 0866 071 057