Hướng dẫn thêm nút Mua ngay sau nút Thêm vào giỏ hàng
Mở file functions.php trong child theme của bạn (nếu chưa có child theme, bạn nên tạo child theme để tránh mất thay đổi khi update theme). Thêm đoạn code sau:
|
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 |
//mua nhanh add_action('woocommerce_after_add_to_cart_button','webdy_quickbuy_after_addtocart_button'); function webdy_quickbuy_after_addtocart_button(){ global $product; ?> <style> .webdy-quickbuy button.single_add_to_cart_button.loading:after { display: none; } .webdy-quickbuy button.single_add_to_cart_button.button.alt.loading { color: #fff; pointer-events: none !important; } .webdy-quickbuy button.buy_now_button { position: relative; color: rgba(255,255,255,0.05); } .webdy-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; } button.button.buy_now_button{ background: #0d986f; border-radius: 4px; text-transform: none; } </style> <button type="button" class="button buy_now_button"> <?php _e('<i class="fa fa-credit-card" aria-hidden="true"></i> Thanh toán ngay', 'webdy'); ?> </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('webdy-quickbuy'); jQuery('.is_buy_now', thisParent).val('1'); jQuery('.single_add_to_cart_button', thisParent).trigger('click'); }); }); </script> <?php } add_filter('woocommerce_add_to_cart_redirect', function($url) { if(isset($_POST['is_buy_now']) && $_POST['is_buy_now'] == '1') { return wc_get_checkout_url(); // Chuyển đến trang thanh toán } return $url; }); |
Quý khách cần tư vấn thiết kế web giá rẻ, vui lòng nhấn nút bên dưới:
Chào ! Bạn thấy nội dung này thế nào?
Xem thêm:
- Tìm nhanh vị trí file php.ini trên máy chủ Linux
- Hướng dẫn tạo hiệu ứng placeholder typewriter (gõ chữ) cho ô tìm kiếm
- Solar Top – Chọn điện mặt trời – Chọn Solar Top
- Hướng dẫn Tạo shortcode bài viết liên quan cùng danh mục cho post (bài viết)
- Hướng dẫn thêm cột “Views” vào danh sách bài viết trong Dashboard
