Ajax Đã Kích Hoạt, Điều Hướng Lớp Phủ Tăng Cường

Linh Dinh March 1, 2024 No Comments
Ajax đã kích hoạt điều hướng lớp phủ tăng cường

Ajax Đã Kích Hoạt, Điều Hướng Lớp Phủ Tăng Cường Nâng Cao cho WooCommerce cung cấp một trải nghiệm người dùng phong phú hơn tiêu chuẩn Lọc Sản Phẩm theo Thuộc Tính .

Giúp khách hàng tìm sản phẩm nhanh hơn, và phù hợp cho các cửa hàng có số lượng lớn sản phẩm sử dụng cùng một thuộc tính , như kích cỡ, màu sắc, v.v., nó sử dụng các cuộc gọi Ajax để tải lại nội dung trên trang và thêm một số phần tử giao diện người dùng và tùy chọn như bảng màu, bộ chọn và hộp kiểm.

Note : Tiện ích Ajax Layered Nav hiển thị trên product archive pages , và chỉ trên các trang chứa danh sách sản phẩm liên quan. Nó sẽ không xuất hiện trên các trang sản phẩm đơn lẻ, vì không có nội dung để lọc.

yêu cầu-h2

  • WooCommerce 3.5+
  • PHP 5.4+

cài đặt-h2

  1. Download tệp .zip từ tài khoản WooCommerce của bạn .
  2. Go to : WordPress Admin > Plugins > Add New Upload Plugin với tệp bạn đã tải về với Choose File .
  3. Install Now Activate phần mở rộng.

Thông tin thêm tại: Cài đặt và Kích hoạt Plugins/Extensions .

Sau khi cài đặt và kích hoạt, ba tiện ích mới có sẵn trên Màn hình Tiện ích WordPress của bạn:

  • WooCommerce Ajax Layered Nav
  • WooCommerce Layered Nav Filters
  • WooCommerce Ajax Layered Nav Clear

Cài đặt và cấu hình-h2

Để thiết lập các tiện ích mới của bạn, điều hướng đến: Appearance > Widgets .

Nội dung liên quan:  Tạo một Đặt chỗ Thủ công cùng với Các tiện ích Kèm theo Sản phẩm

Tiện ích WooCommerce Ajax Layered Nav-h3

  1. Kéo và thả WooCommerce Ajax Layered Nav vào một khu vực tiện ích.
  2. Chọn thuộc tính toàn cầu mà bạn muốn sử dụng cho thực thể đó, ví dụ: Màu sắc, kích cỡ.
  3. Chọn một tùy chọn hiển thị, được mô tả bên dưới.
  4. Chọn một loại truy vấn, được mô tả dưới đây.

Tùy chọn Hiển thị-h3

Danh sách

Danh sách xuất các tùy chọn dưới dạng danh sách không có thứ tự trên phía trước. Hiển thị và kiểu của chúng giống như bộ lọc Sản phẩm theo thuộc tính mặc định, nhưng với các cuộc gọi lại Ajax. </p

Leave a Reply

Your email address will not be published.