Hiển thị số lượng mua trên giỏ hàng – WooCommerce

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Hiển thị số lượng mua trên giỏ hàng – WooCommerce

Có nhiều nguyên do tại sao chủ sở hữu trang web WooCommerce muốn tạo giỏ hàng động bằng phương pháp hiển thị con số sản phẩm trong giỏ hàng và tổng cộng tiền của giỏ hàng. Ví dụ: con số giỏ hàng và tổng số tiền sẽ hiển thị ngay tức thì cho người tiêu dùng sắm trực tuyến trong thanh điều hướng, trong cửa sổ bật lên hoặc lời nhắc hoặc hầu như bất kỳ nơi nào khác trong trang WordPress.

Cho phép khách hàng nhận tổng giá và số lượng mặt hàng sẽ cung cấp cho khách hàng bản tóm tắt về giao dịch mua sắm của họ mà không phải xem nội dung giỏ hàng.

Vì lợi ích thiết kế giao diện người sử dụng hiệu quả và thiết kế dùng thử người dùng, nhiều nhà thiết kế web WordPress chủ đề đã chọn tích hợp số lượng và tổng số giỏ hàng trong chính chủ đề đó.

Tuy nhiên, vì không phải tất cả các chủ đề WordPress đều được thiết kế với sự bổ trợ WooCommerce đầy đủ. Đối với những người không phải kỹ thuật không có nền tảng phát triển giao diện WordPress / WooCommerce, điều này còn dường như là một trọng trách khó khăn. Bạn đừng lo âu bài viết này sẽ hướng dẫn bạn chi tiết cho mọi thứ mọi người.

Hôm nay, chúng ta sẽ tìm hiểu cách hiển thị số lượng các mặt hàng trong giỏ hàng và tổng cộng tiền tương ứng với các mặt hàng trong giỏ hàng.

Đoạn mã sau có thể được sử dụng để lấy số mục trong giỏ hàng WooCommerce ở bất kỳ nơi nào bạn muốn hiển thị nó trên trang web của mình.

      cart-> cart_contents_count, 'woothemes'), $woocommerce-> cart-> cart_contents_count);?>  -   cart-> get_cart_total(); ?>   

Bạn có thể đặt chúng ở bất kỳ đâu trong những tệp của chủ đề mà bạn muốn hiển thị nó. Đoạn mã trên sẽ hiển thị số lượng các mục trong giỏ hàng và tổng cộng tiền, tách ra với một dấu gạch ngang. Văn bản này sẽ liên kết với trang giỏ hàng, cấp phép người dùng xem toàn bộ nội dung giỏ hàng.

Trong thí dụ này, chúng tôi sẽ thêm tin tức giỏ hàng ngay bên dưới menu điều hướng. Chúng ta chèn mã ngay sau thanh điều phối wp_nav_menu .

Sau khi thêm mã, nhấn nút Cập nhật bên dưới trình chỉnh sửa và làm mới trang.

Hỗ trợ sử lý Ajax

Có những lúc một sản phẩm có thể được thêm nữa giỏ hàng mà chẳng cần tải lại trang thông qua một tính năng được coi là AJAX.

AJAX là một công nghệ web mà WooCommerce sử dụng để giao tiếp với máy chủ sau khi trang đã tải mà không cần truy cập trang khác hoặc tải lại và một trang. Xem thêm cách tạo giỏ hàng động ajax trong WooCommerce.

bạn cũng có thể thêm các loại mã sau vào cuối tệp functions.php

 add_filter('add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment'); function woocommerce_header_add_to_cart_fragment( $fragments ) { global $woocommerce; ob_start(); ?>    cart-> cart_contents_count, 'woothemes'), $woocommerce-> cart-> cart_contents_count);?>  -   cart-> get_cart_total(); ?>   <?php $fragments['a.cart-contents'] = ob_get_clean(); return $fragments; }  

Sau khi lưu các thay đổi, bạn sẽ có thể thấy sự thay đổi trong thông tin giỏ hàng ngay khi khi các sản phẩm được thêm thông qua AJAX. Bằng cách thêm hỗ trợ AJAX, bạn cũng đều có thể yên tâm rằng tổng số giỏ hàng và tổng số giỏ hàng sẽ luôn được cập nhật.

Nếu bạn có bất kỳ câu hỏi nào, đừng ngại hãy để lại bình luận ở phía dưới bài viết này nhé. Chúc bạn thành công.

Nếu bạn thích bài viết này, hãy cỗ vũ chúng tôi bằng phương pháp đăng ký nhận bài viết mới ở bên dưới và hãy nhớ chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể có thể theo dấu blog này trên Twitter và Facebook

Bài viết Hiển thị số lượng mua trên giỏ hàng – WooCommerce được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang