• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Thêm biểu tượng giỏ hàng vào menu WordPress
hosting-tot-nhat-danh-cho-wordpress

Thêm biểu tượng giỏ hàng vào menu WordPress

Cập nhật: 25/10/2021 Trung Hiếu 3 Bình luận

Mục lục Hiện
  • 1. Thêm biểu tượng giỏ hàng của WooCommerce vào menu
    • 1.1. Đối với theme Paradise
    • 1.2. Đối với các theme khác
  • 2. Một số lưu ý

Hướng dẫn thêm biểu tượng giỏ hàng (WooCommerce) vào menu của website WordPress.

them-bieu-tuong-gio-hang-woocommerce-vao-menu-wordpress

Thông thường, đối với các theme chuyên dụng dành cho WooCommerce, người ta sẽ tích hợp sẵn biểu tượng giỏ hàng trên menu hoặc header của giao diện để giúp người dùng kiểm tra tình trạng giỏ hàng một cách thuận tiện. Tuy nhiên, sẽ thế nào nếu theme của bạn đang sử dụng không có tính năng này? Đừng lo, bởi vì trong WordPress, bạn hoàn toàn có thể làm mọi việc trở nên dễ dàng nhờ sự trợ giúp của các plugin. Ngay sau đây, tôi sẽ hướng dẫn cho các bạn cách đơn giản nhất để tích hợp nó.

Tham khảo thêm:

  • Hướng dẫn chèn khung tìm kiếm vào menu trong WordPress
  • Làm thế nào để thêm icon vào menu của WordPress?

Thêm biểu tượng giỏ hàng của WooCommerce vào menu

Đối với theme Paradise

Tính năng này đã được tích hợp sẵn trong Customizer của theme Paradise kể từ phiên bản 5.5.0 trở đi. Tất cả những gì các bạn cần làm là truy cập Appearance => Customize => Tối ưu trải nghiệm => bật tính năng Thêm giỏ hàng vào menu chính lên.

them-bieu-tuong-gio-hang-vao-menu-cua-theme-paradise

Lưu lại và kiểm tra kết quả.

Đối với các theme khác

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt một plugin có tên là WooCommerce Menu Cart (download).

cai-dat-va-kich-hoat-plugin-woocommerce-menu-cart

2. Tiếp theo, truy cập WooCommerce => Menu Cart Setup. Tại đây, các bạn sẽ nhìn thấy một số thiết lập như sau:

thiet-lap-plugin-woocommerce-menu-cart

Trong đó:

  • Select which e-commerce plugin you would like Menu Cart to work with: lựa chọn plugin ecommerce mà bạn muốn sử dụng cùng Menu Cart.
  • Select the menu(s) in which you want to display the Menu Cart: lựa chọn các menu mà bạn muốn hiển thị biểu tượng giỏ hàng.
  • Always display cart, even if it’s empty: luôn hiển thị biểu tượng giỏ hàng, kể cả khi giỏ hàng trống.
  • Display shopping cart icon: hiển thị icon giỏ hàng.
  • Choose a cart icon: lựa chọn icon.
  • What would you like to display in the menu: lựa chọn thứ bạn muốn hiển thị trên menu (Item Only – chỉ hiển thị sản phẩm, Price Only – chỉ hiển thị giá, Both price and items – hiển thị cả giá và sản phẩm).
  • Select the alignment that looks best with your menu: chọn vị trí hiển thị của biểu tượng (Align Left – căn lề trái, Align Right – căn lề phải, Default Menu Alignment – theo thiết lập mặc định của menu).
  • Price to display: cách hiển thị giá (Cart total – tổng giá trị đơn hàng cuối đã bao gồm cả chiết khấu, Subtotal – tổng giá trị đơn hàng không bao gồm chiết khấu).

Những mục còn lại các bạn có thể bỏ qua hoặc để trống (vì chúng chỉ dành cho phiên bản trả phí). Click vào nút Save Changes để hoàn tất việc thiết lập.

3. Và đây là kết quả:

demo-bieu-tuong-gio-hang-tren-menu-wordpress

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

Một số lưu ý

  • Ngoài WooCommerce Menu Cart, các bạn cũng có thể sử dụng plugin BC Menu Bar Cart Icon For WooCommerce (download) với tính năng hoàn toàn tương tự.
  • Sau khi tích hợp biểu tượng giỏ hàng, một số website có thể sẽ phát sinh vấn đề với Cart Fragments khiến cho website load chậm. Nếu bạn cũng gặp phải tình trạng này, hãy tham khảo bài viết “Vô hiệu hóa Cart Fragments của WooCommerce” để biết cách xử lý nhé.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Loại bỏ font chữ của plugin WooCommerce
Loại bỏ font chữ của plugin WooCommerce
Hiện tên người dùng và avatar trên menu WordPress
Hiện tên người dùng và avatar trên menu WordPress

Chuyên mục: Thủ thuật WordPress Thẻ: WooCommerce

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Chuyển từ Classic Editor sang Block Editor (Gutenberg)
Bài viết sau Khắc phục lỗi Error establishing a database connection »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. fast winner 1 bình luậnviết

    03/03/2020 lúc 14:26

    Cảm ơn ad đã chia sẽ, bài viết rất hữu ích đối với mình.

    Bình luận
  2. Ăn Sạch Uống Sạch 1 bình luậnviết

    13/02/2020 lúc 15:30

    Cảm ơn AD

    Bình luận
  3. Phan Dương 1 bình luậnviết

    13/02/2020 lúc 15:15

    Thank admin!

    Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

Bình luận mới nhất

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting