Một số code xử lý liên quan đến coupon woocommerce

26/06/2021 04:42 3004

Table of Contents

Vâng hôm nay tôi sẽ chia sẽ cũng như là lưu trữ một số code xử lý liên quan đến coupon woocommerce ở đây để tiện anh em copy nhé

1. Xử lý coupon tại checkout page

Nếu chúng ta di chuyển form coupon vào trong form checkout page thì form checkout lại chứa form coupon như vậy là html không hợp lệ, chính vì vậy tag

<form class="checkout_coupon woocommerce-form-coupon" method="post" >

1	<form class="checkout_coupon woocommerce-form-coupon" method="post" >

Sẽ bị tự động remove và như vậy chức năng coupon sẽ không hoạt động, bây giờ chung ta phải xử lý js riêng cho chỗ này để nó hoạt động được

1.1 Code html coupon sẽ là

<h5 style="font-weight:700;"><?php esc_html_e( 'Apply Promo Code', 'woocommerce' ); ?></h5>
<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'Enter Your Promo Code', 'woocommerce' ); ?>" id="coupon_code" value="" />
<button id="mr_apply_coupon" type="button" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply', 'woocommerce' ); ?>"><?php esc_html_e( 'Apply coupon', 'woocommerce' ); ?></button>

<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'Enter Your Promo Code', 'woocommerce' ); ?>" id="coupon_code" value="" />

1.2 Code js

Chúng ta sẽ sử dụng event click của button mr_apply_coupon để lấy mã coupon và sử dụng ajax để xử lý, code dưới đây được sự dụng trong class

add_action("wp_head",array($this,'checkout_scripts'));
function checkout_scripts() {
    if(is_checkout()){
    ?>
    <script>
    jQuery(function($){
        $(document).ready(function(e) {
            $(document).on('click','button#mr_apply_coupon',function(e){
                e.preventDefault();
                var coupon = $('#coupon_code').val();
                if(coupon == ''){
                    alert('Please input your coupon code!');
                    $('#coupon_code').focus();
                    return false;
                }
                $(this).html('<i class="fa fa-spinner fa-spin "></i> applying coupon');
                var submit_data = {
                    action:	 'mr_apply_coupon',
                    coupon: 	coupon

                };
                console.log(submit_data);
                $.ajax({
                    type: 'POST',
                    url: '<?php echo admin_url('admin-ajax.php'); ?>',
                    //url: kitimportelementor_vars.ajax_url, 
                    data: submit_data,
                    success: function ( response ) {
                        console.log(response);
                        if (response.success ) {
                            $('button#mr_apply_coupon').html('Apply coupon');
                            jQuery('body').trigger('update_checkout');
                        }
                    }				
                });
                    
            });
        });
    });
    </script>
    <?php
    }
}

add_action("wp_head",array($this,'checkout_scripts'));

function checkout_scripts() {

if(is_checkout()){

jQuery(function($){

$(document).ready(function(e) {

$(document).on('click','button#mr_apply_coupon',function(e){

e.preventDefault();

var coupon = $('#coupon_code').val();

if(coupon == ''){

alert('Please input your coupon code!');

$('#coupon_code').focus();

return false;

}

$(this).html('<i class="fa fa-spinner fa-spin "></i> applying coupon');

var submit_data = {

action: 'mr_apply_coupon',

coupon: coupon

};

console.log(submit_data);

$.ajax({

type: 'POST',

url: '<?php echo admin_url('admin-ajax.php'); ?>',

//url: kitimportelementor_vars.ajax_url,

data: submit_data,

success: function ( response ) {

console.log(response);

if (response.success ) {

$('button#mr_apply_coupon').html('Apply coupon');

jQuery('body').trigger('update_checkout');

}

});

</script>

<?php

}

1.3 Code ajax

function mr_apply_coupon(){
    $coupon_code = $_POST['coupon']; 
    if ( WC()->cart->has_discount( $coupon_code ) ){
    }else{
        $result=WC()->cart->apply_coupon( $coupon_code );
        //wc_print_notices();
    }
    wp_send_json_success($result);
}	
add_action("wp_ajax_mr_apply_coupon",array($this,"mr_apply_coupon"));
add_action("wp_ajax_nopriv_mr_apply_coupon",array($this,"mr_apply_coupon"));

function mr_apply_coupon(){

$coupon_code = $_POST['coupon'];

if ( WC()->cart->has_discount( $coupon_code ) ){

}else{

$result=WC()->cart->apply_coupon( $coupon_code );

//wc_print_notices();

}

wp_send_json_success($result);

}

add_action("wp_ajax_mr_apply_coupon",array($this,"mr_apply_coupon"));

add_action("wp_ajax_nopriv_mr_apply_coupon",array($this,"mr_apply_coupon"));

Các bài viết khác có thể hữu ích với bạn

2. Xử lý coupon tại product single page

Trong woocommerc thì chức năng coupon chỉ được thực hiện tại cart page và checkout page. Đôi lúc khách hàng lại yêu cầu đặt chức năng tại single page. Ngay sau đây là cách làm

2.1 Code html

Ở đây mình sử dụng event focusout để làm là khi chúng ta rời element input

<input type="text" id="vaydep_custom_input_coupon" placeholder="Mã giảm giá">

1	<input type="text" id="vaydep_custom_input_coupon" placeholder="Mã giảm giá">

Anh chị thấy khá là đơn giản đúng không, còn việc đặt cái input này ở chỗ nào là do anh chị quyết định cho phù hợp với thiết kế

2.2 Code js

<script>
jQuery(function($){
$(document).ready(function(e) {
$(document).on('focusout','input#vaydep_custom_input_coupon',function(e){
	var submit_data = {
		action:	 'vaydep_coupon_handle',
		coupon: 	$('#vaydep_custom_input_coupon').val()
	};
	console.log(submit_data);
	$.ajax({
		type: 'POST',
		url: '<?php echo admin_url('admin-ajax.php'); ?>',
		//url: kitimportelementor_vars.ajax_url, 
		data: submit_data,
		success: function ( response ) {
			console.log(response);
			if (response.success ) {
				// xử lý gì ở đây là tùy trường hợp
			}
		}				
	});	
});
});	
});
</script>

jQuery(function($){

$(document).ready(function(e) {

$(document).on('focusout','input#vaydep_custom_input_coupon',function(e){

var submit_data = {

action: 'vaydep_coupon_handle',

coupon: $('#vaydep_custom_input_coupon').val()

};

console.log(submit_data);

$.ajax({

type: 'POST',

url: '<?php echo admin_url('admin-ajax.php'); ?>',

//url: kitimportelementor_vars.ajax_url,

data: submit_data,

success: function ( response ) {

console.log(response);

if (response.success ) {

// xử lý gì ở đây là tùy trường hợp

}

});

</script>

2.3 Code php

Code được sử dụng trong class nhé anh chị

function vaydep_coupon_handle_ajax(){
    global $woocommerce, $product;
    $response=array();
    $coupon_code = $_POST['coupon'];
    $c = new WC_Coupon($coupon_code);
    if($c->is_valid($product)){
        $response['is_valid'] = "1";
        $response['discount_type'] = $c->discount_type;
        $response['amount']=$c->amount;
        $response['message']="Áp dụng mã giảm giá thành công!";
    }else{
        $response['is_valid'] = "0";
        $response['amount']=0;
        $response['message']="Mã giảm giá không hợp lệ!";
    }
    wp_send_json_success($response);
}
add_action("wp_ajax_vaydep_coupon_handle",array($this,"vaydep_coupon_handle_ajax"));
add_action("wp_ajax_nopriv_vaydep_coupon_handle",array($this,"vaydep_coupon_handle_ajax"));

function vaydep_coupon_handle_ajax(){

global $woocommerce, $product;

$response=array();

$coupon_code = $_POST['coupon'];

$c = new WC_Coupon($coupon_code);

if($c->is_valid($product)){

$response['is_valid'] = "1";

$response['discount_type'] = $c->discount_type;

$response['amount']=$c->amount;

$response['message']="Áp dụng mã giảm giá thành công!";

}else{

$response['is_valid'] = "0";

$response['amount']=0;

$response['message']="Mã giảm giá không hợp lệ!";

}

wp_send_json_success($response);

}

add_action("wp_ajax_vaydep_coupon_handle",array($this,"vaydep_coupon_handle_ajax"));

add_action("wp_ajax_nopriv_vaydep_coupon_handle",array($this,"vaydep_coupon_handle_ajax"));

3. Thay đổi email template

3.1 Remove và add function trong class email

add_action("init",array($this,"remove_and_add_action"));
function remove_and_add_action(){
    $emails = WC_Emails::instance();
    remove_action("woocommerce_email_customer_details",array($emails,'customer_details'),10,3);
    remove_action("woocommerce_email_customer_details",array($emails,'email_address'),20,3);
    add_action("woocommerce_email_customer_details",array($emails,'customer_details'),20,3);
    add_action("woocommerce_email_customer_details",array($emails,'email_address'),10,3);
}

add_action("init",array($this,"remove_and_add_action"));

function remove_and_add_action(){

$emails = WC_Emails::instance();

remove_action("woocommerce_email_customer_details",array($emails,'customer_details'),10,3);

remove_action("woocommerce_email_customer_details",array($emails,'email_address'),20,3);

add_action("woocommerce_email_customer_details",array($emails,'customer_details'),20,3);

add_action("woocommerce_email_customer_details",array($emails,'email_address'),10,3);

}

Hết rồi đó anh chị. Từ khóa tiềm kiếm bài viết này trên google: coupon woocommerce, custom coupon woocommerce

5/5 (2 Đánh giá)

Gửi Phản Hồi

1 Bình Luận

1 đánh giá

0 đánh giá

Fcwordpress.net

có gì thắc mắc để lại phản hồi nha anh em

Trả lời Lúc 15:58 pm ngày 07/07/2021

Gửi

có thể bạn cần xem:

Cách làm sản phẩm đã xem woocommerce [ 25/06/2022 09:31 ]
Thêm “Liên hệ” vào price woocommerce khi không nhập giá cũng như hết hàng [ 09/05/2022 03:38 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Bắt sự kiện add to cart để update giỏ hàng minicart [ 18/10/2021 13:49 ]
Thêm trường first name và last name vào trang account page woocommerce [ 18/10/2021 13:41 ]
Cách sử dụng wc_get_products [ 14/10/2021 13:51 ]
Thêm custom field vào general tab woocommerce [ 06/10/2021 02:42 ]
Fix user_login from example: nguyen tan tung to nguyentantung for woocommerce [ 07/09/2021 16:19 ]
Add custom fields to product variations woocommerce [ 06/09/2021 15:11 ]
Get product variation id by attribute id [ 04/09/2021 13:56 ]

Một số code xử lý liên quan đến coupon woocommerce

1. Xử lý coupon tại checkout page

1.1 Code html coupon sẽ là

1.2 Code js

1.3 Code ajax

2. Xử lý coupon tại product single page

2.1 Code html

2.2 Code js

2.3 Code php

3. Thay đổi email template

3.1 Remove và add function trong class email

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)