Làm cách nào để xóa giỏ hàng khỏi WordPress?

Trong bài viết này, chúng ta sẽ tìm hiểu Cách xóa biểu tượng giỏ hàng khỏi WooC Commerce. WooC Commerce là một plugin Thương mại điện tử dành cho WordPress và là plugin phổ biến nhất khi nói đến chức năng Thương mại điện tử. WooC Commerce là một giải pháp hoàn chỉnh cho một trang web thương mại điện tử thực và nó có rất nhiều tính năng và chức năng mà chúng tôi đã đề cập trong Hướng dẫn và hướng dẫn hoàn chỉnh về WooC Commerce

Có thể dễ dàng xóa biểu tượng giỏ hàng WooC Commerce khỏi blog của bạn chỉ bằng cách sử dụng css đơn giản. Phương pháp này sẽ hoạt động trên mọi trang web WordPress sử dụng bất kỳ chủ đề nào. Để Xóa biểu tượng giỏ hàng trong WordPress bạn cần lấy ID hoặc lớp HTML và thêm css tùy chỉnh vào đó để ghi đè và ẩn nó

Nếu bạn không sử dụng WooC Commerce để bán bất cứ thứ gì và biểu tượng hiển thị trên tiêu đề của bạn, thì bạn chỉ cần hủy kích hoạt Plugin WooC Commerce từ WP-admin > Plugins. Và, biểu tượng giỏ hàng sẽ tự động bị xóa khỏi trang web của bạn

[bravepop id=”10903″ align=”center”]

Nhưng nếu bạn muốn tiếp tục sử dụng WooC Commerce và xóa biểu tượng giỏ hàng trong wooc Commerce thì bạn có thể làm điều đó bằng một mã css đơn giản. Bạn chỉ cần sao chép css và thêm nó vào ID/lớp HTML tương đối bằng cách điều hướng đến Giao diện -> Tùy chỉnh -> phần CSS bổ sung và dán mã

/*For Astra Theme*/
.ast-site-header-cart-li {
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    display: none;
}
/*Astra themes ends here */ 

#main-navigation li.nav-cart {
 display: none!important;
}

@media (max-width: 768px){
li.nav-cart.responsive-nav-cart {
    display: none; 
}
}

Nhấp vào nút Xuất bản và biểu tượng giỏ hàng của bạn sẽ bị ẩn

Tiết lộ. Tôi có thể nhận được bồi thường liên kết cho một số liên kết bên dưới miễn phí nếu bạn quyết định mua gói trả phí. Bạn có thể đọc tiết lộ liên kết của chúng tôi trong chính sách bảo mật của chúng tôi

Xem Hướng dẫn này về Cách xóa biểu tượng giỏ hàng khỏi WooC Commerce

Trong video này, tôi đã chỉ cho bạn cách bạn có thể xóa hoặc ẩn biểu tượng giỏ hàng đó khỏi trang web WooC Commerce / WordPress của mình một cách dễ dàng

Đối mặt với vấn đề?

Nếu bạn vẫn không thể tự xóa biểu tượng giỏ hàng khỏi WooC Commerce, thì hãy sửa nó với giá thấp nhất là 10 đô la. CÓ, $10. Sử dụng mã giảm giá “BloggerSprout“

Ghé thăm GloriousTheme. com và nhấp vào dịch vụ ”WordPress Bugs Fixes“. Nhấp vào nút "Đặt hàng dịch vụ" và đặt mã phiếu giảm giá. Bạn sẽ có thể Đặt dịch vụ đó với giá $10, thay vì $30

Tôi hy vọng bài viết này đã giúp bạn xóa các biểu tượng Giỏ hàng WooC Commerce. Mọi thắc mắc các bạn có thể comment bên dưới hoặc liên hệ với chúng tôi. Bạn cũng có thể đăng ký YouTube cũng như Thích và Theo dõi chúng tôi trên Facebook, Twitter và Instagram

Làm cách nào để xóa biểu tượng giỏ hàng ở trên cùng bên phải trang web của tôi đã khiến tôi đau đầu trong 7 ngày. Tôi đã thử tất cả các loại thủ thuật trực tuyến nhưng vô ích. Xin vui lòng làm thế nào để tôi làm điều này?

Trang tôi cần trợ giúp. [đăng nhập để thấy link]

Đang xem 3 trả lời - 1 đến 3 (trong tổng số 3)

• kirstenvh32

  (@kirstenvh32)

  thêm mã này vào css tùy chỉnh của bạn

  hộp tiêu đề cố định. thả xuống giỏ hàng {
  trưng bày. không ai;
  }

  Hỗ trợ plugin AW a11n

  (@slash1andy)

  Kỹ sư hạnh phúc tự động

  chào bạn

  Đây là điều mà bộ phận hỗ trợ chủ đề của bạn sẽ giải thích tốt hơn vì đây là vấn đề về chủ đề, hoàn toàn không phải vấn đề về WooC Commerce. Như đã nói, bạn có thể sử dụng đoạn mã CSS này để ẩn nó

  Khi nói đến Thương mại điện tử và WordPress, thật khó để tưởng tượng cả hai đều không có nền tảng WooC Commerce xuất hiện trong tâm trí. Plugin WordPress hàng đầu để cung cấp năng lượng cho các cửa hàng trực tuyến, WooC Commerce cung cấp rất nhiều tùy chọn khác nhau cho trang web của bạn. Từ thiết lập kế toán đến thêm đăng ký vào cửa hàng của bạn, bất cứ điều gì bạn có thể tưởng tượng sẽ làm với cửa hàng trực tuyến của mình, rất có thể WooC Commerce sẽ giúp bạn làm điều đó. Với rất nhiều tính năng được thêm vào trang web của bạn, bạn nhất định muốn tìm một số tính năng không cần thiết, khiến bạn phải tìm giải pháp, chẳng hạn như xóa biểu tượng giỏ hàng trong WooC Commerce

  Nếu bạn không hài lòng với biểu tượng giỏ hàng xuất hiện trong menu của trang web khi bạn cài đặt WooC Commerce, thì bạn đang ở đúng nơi. Chúng ta sẽ thảo luận về biểu tượng vi phạm, cách biểu tượng đó xuất hiện và bạn có thể làm gì để xóa biểu tượng đó. Vì vậy, không cần phải quảng cáo thêm, hãy đi sâu vào

  Chủ đề WordPress thương mại điện tử

  Xem bộ sưu tập

  Tonda

  Một chủ đề WooC Commerce thanh lịch hiện đại

  biagiotti

  Cửa hàng làm đẹp và mỹ phẩm

  Gioia

  Shop Thời Trang Hiện Đại

  Lý do nên xóa biểu tượng giỏ hàng trong WooC Commerce

  Biểu tượng giỏ hàng WooC Commerce là một yếu tố chính trong menu điều hướng của nhiều cửa hàng. Nhờ đó, người mua hàng có một phương pháp truy cập giỏ hàng nhanh chóng và dễ dàng, đồng thời kiểm tra xem họ đã đặt bao nhiêu mặt hàng vào giỏ hàng

  Mặt khác, bạn có thể quyết định rằng bạn không muốn biểu tượng theo chân khách truy cập ở bất cứ nơi nào có menu điều hướng trên trang web của bạn. Có thể có một biểu tượng trong menu trang web của bạn không phù hợp với thiết kế của nó. Có thể bạn muốn giỏ hàng được thể hiện bằng từ “giỏ hàng” thay vì biểu tượng. Có thể phần cửa hàng không phải là phần trung tâm của trang web của bạn và bạn muốn nó kín đáo hơn

  Thực tế của vấn đề là bạn có thể chọn những gì trong menu trên trang web của mình. Ví dụ: cho dù biểu tượng không phù hợp với ý tưởng thiết kế trang web của bạn hay bạn chỉ muốn cửa hàng đứng sau trong khi nội dung của bạn chiếm vị trí trung tâm – bạn sẽ có thể dễ dàng xóa biểu tượng giỏ hàng trong WooC Commerce. Tuy nhiên, điều đó có thể không phải lúc nào cũng đúng

  Bạn nên biết rằng việc xóa biểu tượng giỏ hàng trong WordPress có thể không phải là vấn đề đối với nhiều người sử dụng WordPress và WooC Commerce nhưng không thêm biểu tượng giỏ hàng vào menu trang web của họ. Đây là lý do tại sao có các plugin như WooC Commerce Menu Cart, để cho phép mọi người thêm các biểu tượng giỏ hàng trong WordPress

  Cách xóa biểu tượng giỏ hàng trong WooC Commerce

  Việc bạn có biểu tượng giỏ hàng WooC Commerce xuất hiện trong menu trang web của bạn hay không sẽ phụ thuộc phần lớn vào chủ đề bạn đang sử dụng. Một số chủ đề phổ biến nhất sẽ chỉ cần thêm nó, khiến bạn vô hiệu hóa nó nếu bạn không muốn sử dụng nó. Các chủ đề khác sẽ không thêm nó, khiến bạn phải tranh giành một trong những plugin mà bạn có thể sử dụng để bật biểu tượng giỏ hàng WooC Commerce

  Xóa biểu tượng bằng tùy chọn tùy chỉnh giao diện

  Vì vậy, nếu bạn đang sử dụng một chủ đề WordPress không cản trở biểu tượng WooC Commerce, bạn có thể thực hiện một số điều để làm cho biểu tượng biến mất. Trước tiên, bạn có thể vào Giao diện > Tùy chỉnh và tìm bất kỳ tùy chọn nào đề cập đến menu giỏ hàng, biểu tượng giỏ hàng hoặc thứ gì đó dọc theo các dòng đó. Cách đặt tên chính xác của tùy chọn có thể phụ thuộc vào chủ đề bạn đang sử dụng cho trang web của mình

  Ví dụ: trong Chủ đề Qi của chúng tôi, biểu tượng giỏ hàng được thêm dưới dạng một tiện ích vào khu vực tiện ích cây thạch nam. Nếu bạn muốn xóa nó, bạn có thể điều hướng đến Giao diện > Tùy chỉnh > Widget và xóa tiện ích Qode Icon SVG

  

  Với các chủ đề khác, bạn có thể đang tìm kiếm một con đường hoàn toàn khác. Thông thường, Giao diện> Tùy chỉnh> WooC Commerce là một nơi tốt để bắt đầu tìm kiếm. Bạn nên tìm trường mà bạn có thể chọn hoặc bỏ chọn để kiểm soát cách biểu tượng giỏ hàng hiển thị. Bạn có thể thay đổi biểu tượng, tắt nó khi giỏ hàng trống hoặc chỉ hiển thị khi cửa hàng của bạn được xem trên một số loại thiết bị. Nếu tại thời điểm này, bạn không quản lý để tìm các tùy chọn này, điều hướng đến trang tài liệu của chủ đề sẽ hữu ích

  Các cách thay thế để xóa biểu tượng giỏ hàng

  Trong trường hợp bạn không có nhiều tùy chọn trong menu Giao diện có thể giúp bạn, bạn có thể thực hiện một số điều khác nhau. Cách đầu tiên là chuyển chủ đề WordPress của bạn sang chủ đề không hiển thị biểu tượng. Tuy nhiên, có thể đó là một biện pháp quá quyết liệt

  Trong trường hợp bạn đã sử dụng plugin để bật biểu tượng giỏ hàng ngay từ đầu, bạn có thể giải quyết vấn đề bằng cách gỡ cài đặt plugin

  Nếu cả hai đều không phải là tùy chọn khả thi, thì bạn chỉ còn cách sử dụng CSS tùy chỉnh. Nếu bạn đã từng phải sử dụng CSS tùy chỉnh để ẩn một phần tử, chẳng hạn như menu trên thiết bị di động, thì bạn sẽ biết thao tác này – bạn sẽ sử dụng công cụ Kiểm tra phần tử. Điều hướng đến trang web hiển thị biểu tượng giỏ hàng không cần thiết. Nhấp chuột phải vào nó, rồi chọn tùy chọn “Kiểm tra”. ID của thành phần biểu tượng sẽ hiển thị – sao chép nó

  Tiếp theo, điều hướng đến phần phụ trợ của trang web của bạn, sau đó đến Giao diện > Tùy chỉnh > CSS bổ sung. Ở đó, bạn có thể ngăn trang web hiển thị biểu tượng bằng đoạn mã sau

  name-of-cart-element {display: none !important; }

  Nếu đúng như vậy, bạn sẽ thấy ngay sự khác biệt trong cửa sổ xem trước trực tiếp. Nếu nó không hoạt động, bạn có thể kiểm tra kỹ ID phần tử giỏ hàng. Trong trường hợp bạn đã làm đúng nhưng nó vẫn không hoạt động, bạn không có cách nào khác ngoài việc liên hệ với bộ phận hỗ trợ của nhà phát triển chủ đề của bạn để được trợ giúp

  Hãy kết thúc nó

  WooC Commerce là một trong những plugin WordPress hữu ích nhất và là tài sản không thể thay thế cho bất kỳ ai muốn tạo cửa hàng trực tuyến bằng WordPress. Nhờ sự kết hợp tuyệt vời giữa các tính năng cốt lõi và những tính năng có thể được thêm vào sau này, WooC Commerce có thể dễ dàng trở thành tất cả những gì bạn cần để tạo và điều hành một cửa hàng trực tuyến thành công

  Biểu tượng giỏ hàng đôi khi được hiển thị trong menu của các cửa hàng chạy trên WooC Commerce có thể là một bổ sung đáng hoan nghênh đối với một số người – nhưng lại gây phiền toái cho những người khác. Tuy nhiên, việc xóa giỏ hàng trong WooC Commerce không quá khó – có một số cách khác nhau mà bạn có thể thực hiện, tùy thuộc vào nguyên nhân gây ra và chủ đề bạn đang sử dụng. Dù bằng cách nào, đây là một vấn đề với WordPress không cần phải làm phiền bạn