Code hiển thị ngày giao hàng dự kiến trên trang sản phẩm trong Flatsome

Bài viết này mình sẽ hướng dẫn bạn cách hiển thị ngày giao hàng dự kiến trên trang sản phẩm trong Flatsome nhé.

Khách xem sản phẩm thường muốn biết đặt hôm nay thì bao giờ nhận được hàng, mà phải nhắn tin hỏi shop thì nhiều khách ngại, bỏ đi luôn. Một dòng “Giao hàng dự kiến: Thứ Sáu, 13/11 – Chủ Nhật, 15/11” nằm ngay dưới nút Thêm vào giỏ sẽ trả lời trước câu hỏi đó, khách yên tâm bấm mua hơn. Flatsome và WooCommerce mặc định không có chỗ nào để hiện ngày giao hàng dự kiến, muốn có thì bạn phải code thêm nhé.

Thêm code hiển thị ngày giao hàng dự kiến

Bạn chỉ cần thêm code dưới vào cuối file functions.php của child theme Flatsome nhé. Nhớ sao lưu file trước khi sửa, và đừng chèn vào theme cha vì khi theme cập nhật sẽ mất code.

<?php
// Hiển thị ngày giao hàng dự kiến trên trang sản phẩm Flatsome
// Cách dùng: dán code này vào cuối file functions.php của child theme Flatsome,
// dòng ngày giao hàng tự hiện ngay dưới nút Thêm vào giỏ
add_action('woocommerce_single_product_summary', 'nn_ngay_giao_hang_du_kien', 35);
function nn_ngay_giao_hang_du_kien() {
    global $product;
    if (!is_product() || !is_object($product) || !$product->is_purchasable()) {
        return;
    }
    $tu_ngay = date_i18n('l, d/m', strtotime('+2 days'));
    $den_ngay = date_i18n('l, d/m/Y', strtotime('+4 days'));
    echo '<p class="nn-giao-hang" style="margin: 12px 0 0; font-size: 14px;">Giao hàng dự kiến: <strong>' . esc_html($tu_ngay) . ' - ' . esc_html($den_ngay) . '</strong></p>';
}

Code trên móc vào hook woocommerce_single_product_summary với độ ưu tiên 35, tức dòng ngày giao hàng sẽ hiện ngay dưới nút Thêm vào giỏ và trên phần thông tin sản phẩm. Hàm lấy sản phẩm hiện tại qua biến toàn cục $product, chỉ hiện khi đang ở trang chi tiết sản phẩm và sản phẩm mua được. Ngày giao tính bằng hàm date_i18n của WordPress: cộng 2 ngày cho ngày bắt đầu và cộng 4 ngày cho ngày kết thúc, tên thứ tự động lấy theo ngôn ngữ của site nên khách đọc được “Thứ Sáu, 13/11” thay vì “Friday”. Ngày in ra được bọc bằng esc_html để hiển thị an toàn.

Kiểm tra ngày giao hàng trên trang sản phẩm

Bạn mở một trang sản phẩm bất kỳ trên shop, ngay dưới nút Thêm vào giỏ sẽ thấy dòng “Giao hàng dự kiến: Thứ Sáu, 13/11 – Chủ Nhật, 15/11/2026”. Đặt hàng vào hôm khác thì khoảng ngày này tự đổi theo, vì code tính từ ngày hiện tại của site chứ không ghi cứng ngày.

Lưu ý khi dùng

Hai con số +2 days và +4 days trong code là khoảng thời gian giao hàng của shop bạn, bạn đổi thành khoảng thực tế của mình là được, ví dụ +1 và +2 nếu shop giao nhanh trong nội thành. Ngày tính theo múi giờ đã đặt trong Cài đặt → Chung của WordPress nên bạn kiểm tra lại múi giờ site là Asia/Ho_Chi_Minh cho đúng. Tính năng này đi chung với bài code thêm thanh tiến trình miễn phí vận chuyển trong Flatsome là thành combo thông tin giao hàng đầy đủ cho khách trước khi bấm mua.

Kết luận

Vậy là chỉ với 1 đoạn code ngắn bạn đã hiển thị ngày giao hàng dự kiến trên trang sản phẩm trong Flatsome rồi nhé. Tính năng này đi chung với bài code thêm thanh tiến trình miễn phí vận chuyển trong Flatsome và bài code hiển thị số lượng còn lại trong kho trong Flatsome là thành bộ thông tin giúp khách quyết định mua nhanh hơn trên trang sản phẩm Flatsome.

Nếu cần mình kèm 1-1 về Flatsome thì cứ liên hệ mình nhé.