Cách set up freeship và thông báo ra giỏ hàng của woocommerce

Hôm nay mình sẽ chia sẻ cho anh em cách để set up freeship cho đơn hàng với các điều kiện như giá trị đơn hàng tối thiểu, số lượng đặt hàng tối thiểu, mã giảm giá v.v.

1. Làm ngay thôi nào

Để có thể làm được việc đó các anh em set up như nội dung dưới đây giúp mình nhé.

Đầu tiên chúng ta vào woocommerce>cài đặt>giao hàng



Sau đó sẽ tiến hành thêm khu vực giao hàng



Ở bước này mình sẽ setup như sau, đối với khu vực giao hàng thì mình áp dụng toàn Việt Nam, các bạn muốn áp dụng khu vực nào thì tùy chọn khu vực đó nhé.



Sau đó các bạn click vào thêm phương thức giao hàng và set up như hình dưới đây nhé.



Sau đó các bạn tiến hành sửa lại phương thức giao hàng nhé.



Tùy thuộc vào nhu cầu của các bạn mà mình lựa chọn điều kiện nhé, ở đây mình sẽ chọn “Giá trị đơn hàng tối thiểu hoặc một phiếu ưu đãi” để test, còn các bạn muốn chọn gì cũng được.



Như vậy là xong, các bạn có thể test, nếu như đơn hàng của mình lớn hơn 500k thì được freeship và ngược lại.




Như vậy là xong, để có thể hiển thị thông báo trong giỏ hàng thì các bạn có thể follow code dưới này của mình nhé.



Mình sẽ viết 1 function và hook nó vào hook trong giỏ hàng. Hook mình sẽ sử dụng là

woocommerce_before_mini_cart_contents

1	woocommerce_before_mini_cart_contents

Đầu tiên các bạn lấy giúp mình cái ID của phương thức giao hàng nhé.

Để có thể lấy được thì có 2 cách, 1 là vào phpmyadmin cách này chắc mình k share mắc công các bạn lại phá database mệt lắm ^^. Mình sẽ chỉ cách hover chuột vào phương thức giao hàng.



Sau đó các bạn bỏ nó vào cái này giúp mình

woocommerce_free_shipping_[ID mấy bạn mới lấy]_settings ví dụ woocommerce_free_shipping_1_settings

1	woocommerce_free_shipping_[ID mấy bạn mới lấy]_settings ví dụ woocommerce_free_shipping_1_settings

Sau đó các bạn dán đoạn function này vào file Functions.php nhé

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');

1 2 3 4 5 6 7 8

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à 1 chút CSS

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

1 2 3 4 5 6 7

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

Và kết quả cuối cùng là

Như vậy là xong, chúc các bạn thành công