Plugin đặt hàng nhanh, mua hàng nhanh cho woocommerce giúp cho khách hàng có thể mua hàng 1 cách nhanh chóng ngay trên trang chi tiết sản phẩm. Với các thao tác nhanh gọn và dễ hiểu nhất là khách đã có thể đặt hàng được rồi.
- Có dạng popup. Có button khi ấn vào sẽ bật popup và điền thông tin mua hàng luôn
- Có dạng inline. Có thể chèn form mua hàng ở bất kỳ đâu
- Hỗ trợ sản phẩm đơn và cả biến thể
- Rút gọn các trường thông tin đơn giản nhất. Giúp nhanh chóng cho khách order
- Hỗ trợ nhập mã giảm giá
- Chọn hình thức thanh toán
- Hiển thị phí vận chuyển
- Sử dụng shortcode [devvn_quickbuy] để hiển thị nút mua hàng nhanh ở bất kỳ đâu trên trang chi tiết sản phẩm.
Hỗ trợ chỉnh sửa
Dưới đây là css giúp bạn có thể thay đổi màu cho tiêu đề và button trong popup. Thay lại màu đen (#000) trong ví dụ cho đúng với màu bạn muốn là được
/*Css chỉnh màu cho tiêu đề popup*/
.devvn-popup-title {
background: #000 !important;
}
/*Css chỉnh màu cho button đặt mua ngay*/
.popup-customer-info-group .devvn-order-btn{
background: #000 !important;
}Css cho nút mua ngay ở trang chi tiết sản phẩm:
a.devvn_buy_now_style { background: red; }Css này để style cho nút mua ngay ở trang SHOP. Gán vào Giao diện -> Tùy chỉnh -> Css Bổ sung
a.devvn_buy_now.devvn_buy_now_ajax {
display: inline-block;
background: red;
color: #fff;
padding: 5px 14px;
font-size: 14px;
border-radius: 3px;
font-weight: 700;
}Shortcode hiển thị nút mua hàng.
– Shortcode dạng
[devvn_quickbuy id="{ID}" button_text1="Ví dụ" button_text2 = "Ví dụ sub text" small_link="{1,0}"]– Bắt buộc phải có id của sản phẩm id=”{ID}” ví dụ [devvn_quickbuy id=”68″] – Có thể thay đổi chữ hiển thị bằng button_text1 và button_text2
– Thuộc tính small_link có giá trị là 1 hoặc 0; 0 để hiển thị dạng button có style sẵn; 1 để hiển thị dạng text link đơn giản KHÔNG có style sẵn
- Ví dụ muốn hiển thị tại 1 page nào đó hoặc tại bất kỳ đâu thì dùng shortcode như sau
[devvn_quickbuy id=”36″ button_text1=”Ví dụ” button_text2 = “Ví dụ sub text”] Hoặc
[devvn_quickbuy id=”35″] Hoặc dạng text link thì
[devvn_quickbuy id=”35″ small_link=”1″] - Ví dụ muốn hiển thị thêm 1 button mua nhanh ngay trong trang chi tiết sản phẩm (single product) thì dạng như sau
[devvn_quickbuy id=”36″ view=”0″] - Đối với theme Flatsome khi bạn sử dụng customizer product page thì hãy sử dụng shortcode [devvn_quickbuy] vào chỗ cần thêm
Shortcode hiển thị form (không phải popup) ở bất kỳ chỗ nào trên website. Với {id} là ID của sản phẩm bạn muốn
[devvn_quickbuy_form id="{id}"]Nếu bạn chèn vào chi tiết sản phẩm có thể bỏ qua tham số {id}
Code bổ trợ 1:
Nếu bạn đang dùng theme flatsome. Khi gọi sản phẩm kiểu default hoặc 1 kiểu nào đó không phải Normal thì nút mua ngay ở loop sản phẩm không hiển thị được. Hẫy thêm đoạn code này vào functions.php nhé
global $devvn_quickbuy;
remove_action('woocommerce_after_shop_loop_item', array($devvn_quickbuy, 'add_quick_buy_to_loop_func'), 15);
add_action('flatsome_product_box_after', array($devvn_quickbuy, 'add_quick_buy_to_loop_func'), 15);Code bổ trợ 2:
Đoạn code này để xóa bỏ nút mua ngay mặc định trong chi tiết sản phẩm. Thêm code sau vào functions.php
global $devvn_quickbuy;
remove_action('woocommerce_single_product_summary', array($devvn_quickbuy, 'add_button_quick_buy'), 35);Code hỗ trợ 3:
Nếu muốn chèn form mua hàng nhanh vào cuối mỗi sản phẩm thì dùng code này
add_filter('woocommerce_after_single_product_summary','devvn_quickbuy_form_product', 12);
function devvn_quickbuy_form_product(){
echo do_shortcode('[devvn_quickbuy_form id="'.get_the_ID().'"]');
}Code hỗ trợ 4:
Xóa nút mua ngay mặc định và di chuyển lên ngang hàng với nút “Thêm vào giỏ hàng”. Hãy chèn code này vào functions.php trong theme của bạn
global $devvn_quickbuy;
remove_action('woocommerce_single_product_summary', array($devvn_quickbuy, 'add_button_quick_buy'), 35);
add_action('woocommerce_after_add_to_cart_button', array($devvn_quickbuy, 'add_button_quick_buy'), 15);
