• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Thêm biểu tượng giỏ hàng vào menu WordPress

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

12/02/2020 12/02/2020 Trung Hiếu 3 Bình luận

Mục lục bài viết

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

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

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!

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ự.

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. :)

4.4 / 5 ( 7 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

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

dich-vu-cai-dat-website-wordpress-mien-phi

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. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

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

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Phan Dương viết

    13/02/2020 lúc 15:15

    Thank admin!

    Trả lời
  2. Ăn Sạch Uống Sạch viết

    13/02/2020 lúc 15:30

    Cảm ơn AD

    Trả lời
  3. fast winner viế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.

    Trả lời

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!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

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

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

dich-vu-toi-uu-website-wordpress-chat-luong-cao

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

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

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

quet-ma-doc-mien-phi-cho-website

Footer

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

  • Long trong Lưu trữ Google Fonts ngay trên host để tăng tốc độ load
  • Trung Hiếu trong Hướng dẫn sử dụng LiteSpeed Memcached
  • luc trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache

Bình luận nhiều nhất (tháng)

  1. Doligo (4)
  2. Tuyến (4)
  3. luc (3)
  4. Minh Khanh (3)
  5. gruu (2)
  6. Luật sư Online (2)

Thông tin hữu ích

  • 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

10 Chuyên mục - 978 Bài viết - 37294 Bình luận
positivessl-trust-seal

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting