Trong shop woo của wordpress anh em hay thêm chức năng Mua hàng nhanh , cài Plugin mua hàng Nhanh của bác Toản ,
có 1 cách thêm mua hàng nhanh không cần cài Plugin , Thêm mua hàng nhanh với short code vừa nhẹ vừa có thể tùy chỉnh theo ý mình hj , bắt đầu nào !
Thêm mua hàng nhanh với short code
Đầu tiên các bạn cần mở file funcition.php trong thư mục theme mà bạn đang sử dụng lên. Sao chép toàn bộ code bên dưới rồi dán vào file và lưu lại.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 |
add_action('add_action('woocommerce_after_add_to_cart_button','devvn_quickbuy_after_addtocart_button'); function devvn_quickbuy_after_addtocart_button(){ global $product; ?> <style> .devvn-quickbuy button.single_add_to_cart_button.loading:after { display: none; } .devvn-quickbuy button.single_add_to_cart_button.button.alt.loading { color: #fff; pointer-events: none !important; } .devvn-quickbuy button.buy_now_button { position: relative; color: rgba(255,255,255,0.05); } .devvn-quickbuy button.buy_now_button:after { animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: ""; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px; } </style> <button type="button" class="button buy_now_button"> <?php _e('Mua ngay', 'devvn'); ?> </button> <input type="hidden" name="is_buy_now" class="is_buy_now" value="0" autocomplete="off"/> <script> jQuery(document).ready(function(){ jQuery('body').on('click', '.buy_now_button', function(e){ e.preventDefault(); var thisParent = jQuery(this).parents('form.cart'); if(jQuery('.single_add_to_cart_button', thisParent).hasClass('disabled')) { jQuery('.single_add_to_cart_button', thisParent).trigger('click'); return false; } thisParent.addClass('devvn-quickbuy'); jQuery('.is_buy_now', thisParent).val('1'); jQuery('.single_add_to_cart_button', thisParent).trigger('click'); }); }); </script> <?php }','devvn_quickbuy_after_addtocart_button'); function devvn_quickbuy_after_addtocart_button(){ global $product; ?> <style> .devvn-quickbuy button.single_add_to_cart_button.loading:after { display: none; } .devvn-quickbuy button.single_add_to_cart_button.button.alt.loading { color: #fff; pointer-events: none !important; } .devvn-quickbuy button.buy_now_button { position: relative; color: rgba(255,255,255,0.05); } .devvn-quickbuy button.buy_now_button:after { animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: ""; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px; } </style> <button type="button" class="button buy_now_button"> <?php _e('Mua ngay', 'devvn'); ?> </button> <input type="hidden" name="is_buy_now" class="is_buy_now" value="0" autocomplete="off"/> <script> jQuery(document).ready(function(){ jQuery('body').on('click', '.buy_now_button', function(e){ e.preventDefault(); var thisParent = jQuery(this).parents('form.cart'); if(jQuery('.single_add_to_cart_button', thisParent).hasClass('disabled')) { jQuery('.single_add_to_cart_button', thisParent).trigger('click'); return false; } thisParent.addClass('devvn-quickbuy'); jQuery('.is_buy_now', thisParent).val('1'); jQuery('.single_add_to_cart_button', thisParent).trigger('click'); }); }); </script> <?php } |
Đoạn code trên tạo ra Short
|
1 |
[woocommerce_after_add_to_cart_button] |
Thêm Short code vào web
bạn vào
Tùy biến / WooCommerce / Product Page / HTML after Add To Cart button thêm short vào như hình
OK ra web xem kết quả và thử luôn chức năng nào 🙂
Ngoài ra , Nếu anh em quan tâm có thể dùng trực tiếp
Plugin của bác Toản tại đây Giá 300k / 1 domain nhé
Nếu bạn không làm được hoặc làm có vấn đề gì để lại commem tớ sẽ giúp nhé
Chúc bạn thành công nhé !
MÌNH ADD RỒI KHÔNG ĐƯỢC Ạ
08825421124 ZALO