Thêm nút mua hàng trong wordpress

Thêm nút Mua Ngay vào sản phẩm woocommerce wordpress, sau đây chợ wordpress sẽ hướng dẫn thêm nút mua ngay vào sản phẩm woocommerce.
Nút mua ngay sẽ hiện ở trang chi tiết sản phẩm, nút mua ngay sản phẩm có chức năng khi bạn click vào sẽ tự động chuyển đến trang thanh toán, không cần qua giỏ hàng nữa.
 
Nút mua ngay sản phẩm thật tiện phải không ạ. 
Ưu điểm:
+ Bạn không cần cài thêm plugin đỡ nặng web.
+ Không cần biết code, chỉ cần theme mã mua ngay vào function.php
+ Code nhẹ, đảm bảo tốc độ nhanh.
+ Dùng cho cả sản phẩm đơn giản và biến thể.

Mục lục [hide]

  • 1 Và bây giờ là hướng dẫn thêm nút mua ngay vào sản phẩm woocommerce:

Và bây giờ là hướng dẫn thêm nút mua ngay vào sản phẩm woocommerce:

/*
* Thêm nút mua ngay vào trang chi tiết sản phẩm Woocommerce
* Author: chowordpress.com
*/
add_action['woocommerce_after_add_to_cart_button','chowordpress_quickbuy_after_addtocart_button'];
function chowordpress_quickbuy_after_addtocart_button[]{
    global $product;
    ?>
    
        .chowordpress-quickbuy button.single_add_to_cart_button.loading:after {
            display: none;
        }
        .chowordpress-quickbuy button.single_add_to_cart_button.button.alt.loading {
            color: #fff;
            pointer-events: none !important;
        }
        .chowordpress-quickbuy button.buy_now_button {
            position: relative;
            color: rgba[255,255,255,0.05];
        }
        .chowordpress-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;
        }
    
    
        
    
    
    
        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['chowordpress-quickbuy'];
                jQuery['.is_buy_now', thisParent].val['1'];
                jQuery['.single_add_to_cart_button', thisParent].trigger['click'];
            }];
        }];
    
    

Chủ Đề