";var nuttaibut = "<\/i> T\u1ea3i th\u00eam<\/span>"; Thêm nút Mua ngay vào Woocommerce một cách đơn giản Trang chủGiới thiệuBlogPhần mềmThủ thuậtTiện íchRút gọn liên kếtVòng quay may mắnLiên hệ HomePhần mềmThêm nút Mua ngay vào Woocommerce một cách đơn giản Nguyễn Văn Luyến 5 năm trướcThêm nút Mua ngay vào Woocommerce một cách đơn giản Mục lụcBài viết này mình tham khảo trên blog nguyenvantoan.com và đưa về cho các bạn cùng tham khảo nha. Cám ơn tác giả vì những dòng code hết sức hữu ích với anh em làm website bán hàng sử dụng Woocommerce. Nào, còn chần chờ gì nữa, cùng theme nút “Mua ngay” vào trang chi tiết sản phẩm Woocommerce nha!Nút mua ngay thực chất có chức năng rất đơn giản, chỉ là click vào thì nó được chuyển hướng tới trang giỏ hàng, đồng thời thêm sản phẩm đã chọn vào giỏ hàng.Nút mua ngay được thêm ngay bên cạnh nút “Thêm vào giỏ” mặc địnhƯu điểm của đoạn code thêm nút Mua ngay như sau:KHÔNG cần BIẾT CODE vẫn làm ngon lànhKHÔNG cần cài thêm pluginChỉ thêm code vào functions.phpNhẹ nhàngvà đặc biệt dùng được cho sản phẩm có biến thểCách thêm nút Mua Ngay vào woocommerceBạn chỉ cần thêm đoạn code này vào filefunctions.php trong theme của bạn đang sử dụng. Vậy là xong. /* * Add quickbuy button go to cart after click */ add_action(‘woocommerce_after_add_to_cart_button’,’devvn_quickbuy_after_addtocart_button’); function devvn_quickbuy_after_addtocart_button(){ global $product; ?> 123456789101112131415161718192021222324252627282930/* * Add quickbuy button go to cart after click */add_action(‘woocommerce_after_add_to_cart_button’,‘devvn_quickbuy_after_addtocart_button’);function devvn_quickbuy_after_addtocart_button(){global $product;?><button type=“submit” name=“add-to-cart” value=“ echo esc_attr($product->get_id()); ?>“ class=“single_add_to_cart_button button alt” id=“buy_now_button”> _e(‘Mua ngay’, ‘devvn’); ?></button><input type=“hidden” name=“is_buy_now” id=“is_buy_now” value=“0” /> jQuery(document).ready(function(){ jQuery('body').on('click', '#buy_now_button', function(){ if(jQuery(this).hasClass('disabled')) return; var thisParent = jQuery(this).closest('form.cart'); jQuery('#is_buy_now', thisParent).val('1'); thisParent.submit(); }); }); <?php}add_filter(‘woocommerce_add_to_cart_redirect’, ‘redirect_to_checkout’);function redirect_to_checkout($redirect_url) {if (isset($_REQUEST[‘is_buy_now’]) && $_REQUEST[‘is_buy_now’]) {$redirect_url = wc_get_checkout_url();}return $redirect_url;} Đoạn trên sau khi click vào button Mua Ngay sẽ chuyển hướng tới trang giỏ hàng. Nếu bạn nào muốn chuyển hướng tới trang Thanh toán luôn thì sửa chỗ thẻ từ data-base=”“data–base=“ echo wc_get_cart_url();?>“ thành data-base=”“data–base=“ echo wc_get_checkout_url();?>“ Code này đã được test với biến thể mặc định của woo. Còn bạn nào dùng plugin thứ 3 để custom hiển thị biến thể mà bị lỗi thì comment bên dưới nha.Lời kếtCám ơn các bạn đã quan tâm theo dõi blog GiuseArt.com trong suốt thời gian qua. Chúc các bạn có những trải nghiệm thú vị khi ghé thăm website nha!Nguồn: //levantoan.com/them-nut-mua-mgay-vao-woocommerce-mot-cach-don-gian/Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện WordPress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebook và zalo chính thức.Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!woo8 lượt xem | 0 bình luận Nguyễn Văn LuyếnLuôn luôn lắng nghe, lâu lâu mới hiểu Đề xuất cho bạnHướng dẫn sử dụng công cụ ký số văn bản theo Nghị định 30/2020/NĐ-CP 3 tháng trướcPhần mềm Winamp phần mềm phát nhạc một thời đã “hồi sinh” 3 tháng trướcPhần mềm chụp màn hình và ghi chú nhanh Snap IT 8 tháng trướcvnTools – Công cụ hỗ trợ chuyển chữ hoa, chữ thường, đọc số thành số…. 8 tháng trướcQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024 9 tháng trướcỨng dụng Mô phỏng 120 tình huống giao thông trên điện thoại V2.0.0 11 tháng trướcBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.0 11 tháng trướcHướng dẫn cập nhật phần mềm ÔN TẬP MÔ PHỎNG từ phiên bản v1.2.2 lên v1.2.3 1 năm trước Vì sao MacBook Air không sử dụng màn hình Retina? ASUS chính thức trình làng laptop 2-trong-1 siêu mỏng sở hữu hiệu năng mạnh Enscape3D V3.0.2 full download for Autodesk Revit, Sketchup, Rhinoceros, Archicad, VectorWorks Bình luận gần đâyAddin Word xuất Mail Merge có chức năng cắt ra…Nguyễn Văn Luyến 7 tháng trướcƯng dụng này rất hay cho người hay thực hiện các biểu mâu, thư mời,...Quy định mới về đào tạo lái xe hạng B1,…Nguyễn Văn Luyến 8 tháng trướcChuẩn bị lại lên giáTiện ích tiếng Việt trên Word năm 2022 miễn phíChuyển Đổi Số 1 năm trướcCó trang nguồn mình tải á, bạn qua trang đó xem thử. Mình cài được bình thường áFont chữ thư pháp FZ Tiểu Tự Việt HoáChuyển Đổi Số 1 năm trướcMỉnh cũng thấy cái gì hay hay lưu lại trên trang cá nhân khi nào cần lấy ra dùng thôi à. Cảm ơn bạn nhiều!Font chữ thư pháp FZ Tiểu Tự Việt Hoáquang tuấn 1 năm trướcok cám ơn addTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcsao không thấy hướng dẫn khắc phục lỗi the macro vậyTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcfile tải về chỉ có 3 file hướng dẫn chứ không có file cài đặt nhéGoogle tung dấu tick xanh trong GmailNguyễn Văn Luyến 2 năm trướcBài viết hay Có nhiều lượt xemNewspaper v9.0 Premium WordPress Themes1386 lượt xemBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.01343 lượt xemTiện ích tiếng Việt trên Word năm 2022 miễn phí1197 lượt xemAddin Word xuất Mail Merge có chức năng cắt ra nhiều file và gửi mail811 lượt xemTải phần mềm HDD Regenerator 1.71 Full key bản quyền – chức năng fix lỗi ổ cứng749 lượt xemZaloMessengerEmailZaloMessengerEmail Trang chủ Zalo Hỗ trợ Messenger Liên hệ Đồng ý Cookie Trang web này sử dụng Cookie để nâng cao trải nghiệm duyệt web của bạn và cung cấp các đề xuất được cá nhân hóa. Bằng cách chấp nhận để sử dụng trang web của chúng tôi Tôi chấp nhận
Nút mua ngay thực chất có chức năng rất đơn giản, chỉ là click vào thì nó được chuyển hướng tới trang giỏ hàng, đồng thời thêm sản phẩm đã chọn vào giỏ hàng.
Bạn chỉ cần thêm đoạn code này vào filefunctions.php trong theme của bạn đang sử dụng. Vậy là xong.
/* * Add quickbuy button go to cart after click */ add_action(‘woocommerce_after_add_to_cart_button’,’devvn_quickbuy_after_addtocart_button’); function devvn_quickbuy_after_addtocart_button(){ global $product; ?>
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
/*
* Add quickbuy button go to cart after click
*/
add_action(‘woocommerce_after_add_to_cart_button’,‘devvn_quickbuy_after_addtocart_button’);
function devvn_quickbuy_after_addtocart_button(){
global $product;
?>
<button type=“submit” name=“add-to-cart” value=“ echo esc_attr($product->get_id()); ?>“ class=“single_add_to_cart_button button alt” id=“buy_now_button”>
_e(‘Mua ngay’, ‘devvn’); ?>
</button>
<input type=“hidden” name=“is_buy_now” id=“is_buy_now” value=“0” />
jQuery(document).ready(function(){
jQuery('body').on('click', '#buy_now_button', function(){
if(jQuery(this).hasClass('disabled')) return;
var thisParent = jQuery(this).closest('form.cart');
jQuery('#is_buy_now', thisParent).val('1');
thisParent.submit();
});
<?php
}
add_filter(‘woocommerce_add_to_cart_redirect’, ‘redirect_to_checkout’);
function redirect_to_checkout($redirect_url) {
if (isset($_REQUEST[‘is_buy_now’]) && $_REQUEST[‘is_buy_now’]) {
$redirect_url = wc_get_checkout_url();
return $redirect_url;
Đoạn trên sau khi click vào button Mua Ngay sẽ chuyển hướng tới trang giỏ hàng. Nếu bạn nào muốn chuyển hướng tới trang Thanh toán luôn thì sửa chỗ thẻ
từ
data-base=”“
data–base=“ echo wc_get_cart_url();?>“
thành
data–base=“ echo wc_get_checkout_url();?>“
Code này đã được test với biến thể mặc định của woo. Còn bạn nào dùng plugin thứ 3 để custom hiển thị biến thể mà bị lỗi thì comment bên dưới nha.
Cám ơn các bạn đã quan tâm theo dõi blog GiuseArt.com trong suốt thời gian qua. Chúc các bạn có những trải nghiệm thú vị khi ghé thăm website nha!
Nguồn: //levantoan.com/them-nut-mua-mgay-vao-woocommerce-mot-cach-don-gian/
Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện WordPress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebook và zalo chính thức.
Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!