Hướng dẫn này mình hướng đến tạo giá trị - hỗ trợ mọi người và không nhằm mục đích thương mại. Trong hướng dẫn này mình chỉ vào trọng tâm tất tần tật về tùy biến website bằng code (hạn chế plugin nhiều nhất có thể) nên nội dung nó sẽ cực kỳ ngắn và không vòng vo. Hi vọng bạn không quá khó chịu vì sự quá ngắn gọn của mình.
- CODE chỉnh sửa mình thường can thiệp trực tiếp vào file (mục đích là để dễ kiểm soát vị trí hiển thị hơn là sử dụng hook)
- Nếu bạn có khó khăn hay cần mình hỗ trợ bất kì nội dung nào thì hãy để lại bình luận phía bên dưới, mình sẽ sớm ra nội dung hướng dẫn bạn.
- Nếu bạn thấy website mình có gì hay ho muốn ứng dụng lên website bạn thì liên hệ với mình để được hỗ trợ!
Hiển thị giảm giá được bao nhiêu tiền và bao nhiêu phần trăm trong woocommerce
Nhiều lúc thay vì hiển thị giảm giá bao nhiêu phần trăm thì bạn muốn giảm giá bao nhiêu phần trăm kèm bao nhiêu tiền trong woocommerce thì đoạn code dưới đây sẽ đáp ứng yêu cầu của bạn.
Bạn mở file function.php và dán đoạn này vào nhé!
//tiết kiệm bao nhiêu tiền woo
add_filter('woocommerce_sale_flash', 'woocommerce_custom_sale_savings', 10, 3);
function woocommerce_custom_sale_savings() {
global $product;
if ( ! $product->is_on_sale() ) return;
if ( $product->is_type( 'simple' ) ) {
$max_percentage = ( ( $product->get_regular_price() - $product->get_sale_price() ) / $product->get_regular_price() ) * 100;
$price_reduce = $product->get_regular_price() - $product->get_sale_price();
} elseif ( $product->is_type( 'variable' ) ) {
$max_percentage = 0;
foreach ( $product->get_children() as $child_id ) {
$variation = wc_get_product( $child_id );
$price = $variation->get_regular_price();
$sale = $variation->get_sale_price();
if ( $price != 0 && ! empty( $sale ) ) $percentage = ( $price - $sale ) / $price * 100;
if ( $percentage > $max_percentage ) {
$max_percentage = $percentage;
}
}
}
if ( $max_percentage > 0 ) {
return '<span class="onsale">-' . $price_reduce/1000 . 'k (' . round($max_percentage) . '%)</span>';
}
}
Lưu ý là, nếu như bạn chưa bật phần hiển thị giảm giá trong tuỳ biến giao diện thì bạn cần bật nó lên tại: Tuỳ chỉnh ⇒ woocommerce ⇒ Danh mục sản phẩm ⇒ tích chọn vào mục "Show sale bubble". Mục "Enable % instead of "Sale!" bạn có thể tắt hoặc bật nó nếu như hiển thị bị lỗi nhé.
Nếu bạn gặp khó khăn trong chỉnh sửa hoặc muốn phát triển tính năng riêng cho website thì có thể tham khảo dịch vụ bảo trì - phát triển tính năng website wordpress tại TNDigi nhé!
Mình tự học - tìm hiểu - nghiên cứu và làm việc với WordPress được khoảng thời gian nhất định nên lên serial chia sẻ những gì mà mình từng gặp qua. Sẽ có nhiều thiếu sót nên nếu như có chổ nào chưa đúng hay chưa hoạt động được bạn contact với mình để hoàn thiện hơn.
Ghi chú quan trọng:
Cách tuỳ biến không cần can thiệp vào CODE mà sử dụng hook (nếu chưa có trong hướng dẫn) sẽ được mình sớm cập nhật!
Kênh Zalo hỗ trợ miễn phí. Chúc bạn áp dụng thành công!
Tặng mình 1 vote tăng động lực ra thêm nội dung:TNDigi cho ra mắt Hướng dẫn thiết kế website bằng wordpress từ cơ bản đến nâng cao miễn phí
Hướng dẫn gồm có 2 phần: phần 1 hướng dẫn bạn cách làm website | phần 2 hướng dẫn bạn tuỳ biến, phát triển tính năng website bằng CODE


