2263 lượt xem

Cách đưa thông báo Freeship ra giỏ hàng

Các bạn đang tìm cách đưa thông báo freeship ra ngoài giỏ hàng cho các đơn hàng có điều kiện ví dụ như đơn hàng tối thiếu, số lượng tối thiểu.

Thì trong bài hôm nay mình sẽ giới thiệu cho các bạn cách làm nhé:

Cài đặt thông báo Freeship

Các bạn vào theo đường dẫn:

Woocommerce > cài đặt > giao hàng

cai dat freeship01

Sau đó chọn khu vực giao hàng

chon khu vuc giao hang

Các bạn cài đặt theo hình bên dưới

cai dat freeship02

Tiếp tục chọn Thêm phương thức giao hàng.

cai dat freeship03

Sau đó các bạn ra ngoài chọn sửa phương thức giao hàng.

cai dat freeship04 1

Tại đây các bạn cài đặt một giá trị theo mong muốn của các bạn nhé!!!

cai dat freeship05

Và kết quả sẽ như sau:

cai dat freeship06

Hiện thông báo FreeShip ở mini card

Lấy ID phương thức thanh toán

cai dat freeship07

Các bạn chỉ vào Sửa của phương thức thanh toán như trên

Thêm đoạn code sau đây vào Giao diện > Sửa giao diện > Function.php

woocommerce_free_shipping_[ID bên trên]_settings ví dụ woocommerce_free_shipping_1_settings
function notice_freeship(){
    global $woocommerce;
    $free_shipping = get_option( 'woocommerce_free_shipping_1_settings' );
    $min = $free_shipping['min_amount'];
    $p  = wc_price($free_shipping['min_amount']);
        echo '<div class="text-center pt-title">Đơn hàng trên '.$p.' bạn sẽ được <span class="t">FREESHIP</span></div>';
}
add_action('woocommerce_before_mini_cart_contents','notice_freeship');

Và thêm Custom CSS vào là xong

<style>
.pt-title .t{
    font-size: 18px;
    font-weight: bold;
    color: red;
}
</style>
cai dat freeship08

Và chúng ta sẽ có thông báo kết quả như hình trên.

Chúc các bạn thành công và một ngày tốt lành !!!