Tùy chỉnh bộ tăng giảm số lượng thành chọn số lượng sản phẩm để thêm vào giỏ hàng

Mặc định khi ta xem một sản phẩm trên trang web WordPress sử dụng plugin WooCommerce thì ở ô số lượng sản phẩm muốn thêm vào giỏ hàng sẽ bao gồm các nút +/- số lượng sản phẩm và 1 ô text input để nhập vào sô lượng sản phẩm muốn thêm vào giỏ hàng như hình bên dưới.

Thoạt nhìn thì ta sẽ nghĩ uhm vậy được đó với bộ đó sẽ làm khách hàng dễ dàng nhập vào được số sản phẩm mong muốn một cách nhanh chóng và sẽ thuận tiện cho khách hàng hơn.

Nhưng thực tế thì khác, bạn có thể vì sao các trang web TMDT lớn không dùng kiểu như thế không ? Bời vì thao tác đó đối với họ thì rất tốn thời gian và có vẻ không chuyên nghiệp một chút nào. Theo nghiên cứu hành vi mua hàng của khách hàng thì khi khách hàng  vào một website để mua hàng họ sẽ thích chọn số sản phẩm hơn là nhập vào số sản phẩm cần mua. Còn vd khách hàng muốn mua 10 sản phẩm thì họ phải thao tác nhấn nút + 10 lần thì đó là thao tác quá lâu. Nếu không nhấn vào nút + thì họ phải nhập vào số 10 để có được 10 sản phẩm, thao tác này cũng quá chậm chạp và họ không thích chút nào.

Chính vì vậy để rút ngắn thời gian cho khách hàng, tăng khả năng mua hàng thì giải pháp đưa ra là chúng ta tạo 1 bộ số để khách hàng lựa chọn một cách nhanh chóng nhất.

Và để làm được điều này cũng rất là đơn giản nhưng tôi đã mất thời gian để tìm ra nó bởi không có một hướng dẫn rõ ràng nào.

Để làm được điều này ta cần copy đoạn code trong file sau bỏ vào file quantity-input.php hoặc nếu chưa có file này hãy tạo ra nó theo đường dẫn sau : yourtheme/woocommerce/global/quantity-input.php (Your theme chính là theme bạn đang sử dụng).

Vâng khá đơn giản phải không các bạn. Chúc bạn thành công. Nếu có gì sai sót và thắc mắc hã commen bên dưới mình sẽ giải đáp giúp bạn.

Hãy chia sẽ giúp mình nếu bạn thấy bài viết này hữu ích nhé .