Thêm nút vào giỏ hàng trong WooCommerce

Ngày nay, sử dụng WooCommerce rất phổ biến cho các cửa hàng trực tuyến. Trong WooCommerce, nút Thêm vào giỏ hàng cho các sản phẩm biến đổi được thêm vào để bạn có thể hiển thị các biến khác nhau của cùng một sản phẩm.


Ngoài ra, kiểm tra giá, tính sẵn có, hình ảnh sản phẩm và bất kỳ biến nào khác bạn có thể cần có sẵn trong bảng điều khiển WooCommerce. Ví dụ: nếu bạn có một trang giới thiệu áo, bạn có thể hiển thị kích cỡ và màu sắc có sẵn cho áo.


Kích hoạt nút sản phẩm biến là rất phổ biến trong WordPress. Nhưng thông thường, bạn vào một trang web và nút add to cart không được tìm thấy. Tuy nhiên, vấn đề này rất phổ biến và khắc phục nó là một nhiệm vụ dễ dàng.

Mẫu website đẹp


Trong bài viết này, chúng tôi muốn thảo luận về các cách phổ biến để khắc phục nút thêm vào giỏ hàng bị thiếu trong WooCommerce.


Sửa lỗi Thêm vào giỏ hàng Nút thiếu trong WooCommerce

1. Nhập thông tin sản phẩm hoàn chỉnh vào WooCommerce

2. Kiểm tra tính tương thích của WooCommerce với các Plugin khác

3. Khắc phục sự cố liên quan đến mã

4. Khắc phục sự cố liên quan đến chủ đề

5. Các vấn đề phía máy chủ (mod_security)

Làm cách nào để khắc phục Thêm nút vào giỏ hàng trong WooCommerce?

Dưới đây là các bước để khắc phục Nút Thêm vào giỏ hàng bị thiếu trong WooCommerce:


1. Nhập thông tin sản phẩm hoàn chỉnh vào WooCommerce

Nút thêm vào giỏ hàng chỉ hiển thị khi bạn đã nhập tất cả các thông tin cần thiết về một sản phẩm.


Đảm bảo bạn nhập thông tin về trọng lượng, kích thước, ID sản phẩm, giá cả và tính sẵn có. Kiểm tra mô tả sản phẩm một cách cẩn thận và đảm bảo bạn không để trống bất kỳ trường bắt buộc nào. Sau khi thông tin được hoàn thành, nút thêm vào giỏ hàng sẽ xuất hiện.


2. Kiểm tra tính tương thích của WooCommerce với các Plugin khác

WordPress có thể gặp nhiều lỗi khi các plugin xung đột với nhau. Bạn phải sử dụng các plugin hoặc mã không tương thích với WooCommerce.


Trong trường hợp này, vô hiệu hóa tất cả các plugin. Nếu nút add to cart xuất hiện trở lại, thì bạn phải kích hoạt lại từng plugin một cho đến khi bạn tìm thấy plugin gây ra sự cố. Bằng cách xóa plugin lừa đảo, nút thêm vào giỏ hàng trong WooCommerce sẽ hiển thị.


3. Khắc phục sự cố liên quan đến mã

Có khả năng phần mã hóa mặc định của WordPress đang gặp sự cố. Theo mặc định, nếu bạn đã chọn một giá trị cho các biến khác nhau của sản phẩm, WooCommerce sẽ ẩn nút thêm vào giỏ hàng cho sản phẩm này và sản phẩm mà không có biến.

Làm Website


Nếu bạn gặp phải vấn đề này, hãy sao chép và dán đoạn mã sau vào hàm PHP:


add_filter('woocommerce_show_variation_price’, function() { return TRUE;});

Bằng cách làm như vậy, nút add to cart thiếu trong vấn đề WooCommerce nên được sửa.


4. Khắc phục sự cố liên quan đến chủ đề

Đôi khi chủ đề của bạn có thể khiến nút thêm vào giỏ hàng bị thiếu trong vấn đề WooC Commerce. Hãy để chúng tôi thảo luận một vài phương pháp để khắc phục vấn đề này.


Kiểm tra tùy chọn cấu hình trong Cài đặt tùy chỉnh hoặc chủ đề

Chuyển đến Tùy biến chủ đề> Nội dung> WooCommerce và Thêm nút vào giỏ hàng. Là tùy chọn được đặt thành hiển thị? Nếu vô hình được chọn, thay đổi nó để hiển thị và xem lại trang web của bạn một lần nữa. Các lỗi nên được sửa chữa.


Thay đổi mã của chủ đề

Một số chủ đề được biết là gây ra sự cố, ví dụ, chủ đề Bazar được biết là gây ra nhiều vấn đề cho WordPress. Nếu bạn đặt lại chủ đề về cài đặt mặc định và nút thêm vào giỏ hàng xuất hiện, thì vấn đề là do chủ đề của bạn gây ra.


Đây là cách khắc phục nó.

Chuyển đến Giao diện và Trình chỉnh sửa Chủ đề. Theo mặc định, WordPress sẽ gửi cho bạn một thông báo cảnh báo bạn về việc thực hiện bất kỳ thay đổi nào, hãy chấp nhận nó. Bạn sẽ có thể thấy phần sau ở phía bên phải của WordPress (Tệp có thể khác nhau trong mỗi chủ đề):


Tìm kiếm các tập tin single.php và index.php. Nếu bạn thấy một tập tin duy nhất, bấm vào nó. Nếu không, bấm vào tệp index.php. Trong cả hai tệp, cuộn xuống cho đến khi bạn thấy dòng get_template_part.


Bây giờ, sao chép mã được tô sáng trong hình trên và thay thế bằng mã sau:


if ( is_singular( ‘product’ ) ) {

wc_get_template_part( ‘content’, ‘single-product’ );

} else {

//replace this line with yours

}

Mã cuối cùng sẽ trông như thế này:


if ( is_singular( 'product' ) ) {

wc_get_template_part( 'content', 'single-product' );

} else {

wc_get_template_part( 'content', 'single-product' );

}

Cuối cùng, lưu tệp và quay lại trang sản phẩm và kiểm tra xem nút thêm vào giỏ hàng có quay lại không.


Khôi phục các phiên bản chủ đề trước hoặc cập nhật nó

Sử dụng phiên bản cũ hơn của chủ đề hoặc thay đổi hoàn toàn chủ đề có thể khắc phục nút thêm vào giỏ hàng bị thiếu trong vấn đề WooCommerce.


5. Các vấn đề phía máy chủ (mod_security)

Một vấn đề khác gián tiếp gây ra vấn đề này là không thể đọc được mã jQuery. Điều này xảy ra khi mod_security của máy chủ web của bạn đã hết hạn và sử dụng các quy tắc cũ.


Để kiểm tra trường hợp này, hãy chuyển đến công cụ dành cho nhà phát triển trình duyệt của bạn

Thiết kế Web miễn phí

Nếu bạn thấy lỗi ở trên, liên hệ với nhà cung cấp dịch vụ lưu trữ của bạn ngay lập tức.


Phần kết luận

Như bạn có thể biết đến bây giờ, việc sửa nút add to cart bị thiếu trong WooCommerce rất đơn giản. Tuy nhiên, sau khi sửa trang này, trang sản phẩm có thể trông hơi khác một chút. Trong trường hợp này, bằng cách thực hiện một số thay đổi cho trang, bạn có thể tùy chỉnh nó.


Chúng tôi hy vọng rằng bài viết này đã giúp bạn khắc phục nút thêm vào giỏ hàng bị thiếu trong vấn đề WooCommerce.

4.7 Star App Store Review!
Cpl.dev***uke
The Communities are great you rarely see anyone get in to an argument :)
king***ing
Love Love LOVE
Download

Select Collections