Bình thường trên website của bạn không có nút mua ngay mà thay vào đó là nút thêm vào giỏ hàng, thao tác này sẽ giúp bạn thực hiện việc tạo ra nút mua ngay với chức năng khi người dùng click sẽ được chuyển hướng đến thẳng giỏ hàng, kích thích việc thanh toán cho người dùng.
- Trong phần chỉnh sửa HTML/CSS của giao diện. Tại mục Assets, click “Thêm mới assets”
- Popup tạo file hiện ra, bạn click vào tab “Tạo tệp tin trống” để điền các thông tin
- Tên tập tin mới: buynow (bạn có thể đặt tên tùy ý theo mong muốn)
- Chọn loại file tập tin: .js
- Click “Thêm mới” để mở ra màn hình chỉnh sửa tập tin js mới vừa tạo.
- Copy đoạn code sau vào tập tin buynow.js vừa tạo. Click “Lưu” để hoàn thành việc tạo tập tin.
function instanceBuy(el){
console.log('b');
var $this = $(el);
$.ajax({
type: 'POST',
url: '/cart/add.js',
async: false,
data: $this.serialize(),
dataType: 'json',
error: addToCartFail,
success: function() {
window.location.href = '/checkout';
},
cache: false
});
return false; }
- Bước 2: Đặt đoạn code gọi file buynow.js vào header hoặt footer
- Ví dụ đặt đoạn code vào header
- Trong phần Snippets của chỉnh sửa giao diện, mở file head_scripts.bwt, sao chép và dán đoạn code sau vào dòng cuối cùng của file
{{ 'buynow.js' | asset_url | script_tag }}
- Click “Lưu” để hoàn thành
- Bước 3: Chỉnh sửa code nút mua hàng
- Bạn muốn chỉnh sửa lại nút “Thêm vào giỏ hàng” ở màn hình nào thì đến file code của màn hình đó để chỉnh sửa.
- Muốn chỉnh sửa nút “Thêm vào giỏ hàng” ở màn hình chi tiết sản phẩm nên chỉnh sửa ở file product.bwt
- Muốn chỉnh sửa nút “Thêm vào giỏ hàng” ở màn hình danh sách sản phẩm nên chỉnh sửa ở file collection.bwt
- Ví dụ chỉnh sửa nút “Thêm vào giỏ hàng” ở màn hình chi tiết sản phẩm chuyển thành nút “Mua ngay”
- Trong phần chỉnh sửa HTML/CSS của giao diện. Tại mục Snippets, mở file “product.bwt”. Tìm đến dòng code sau:
- Tại dòng code này xóa đoạn code sau:
- Sao chép và dán đoạn code sau vào vị trí của đoạn code vừa xóa:
Sửa tiêu đề nút:
- Tìm đến đoạn code nút, thay thế từ “Thêm vào giỏ hàng” thành từ “Mua ngay"
- Click “Lưu” hoàn thành việc tạo nút hàng hàng thanh toán nhanh .
