Cuộn Ajax Vô Hạn cho WooCommerce

Linh Dinh March 20, 2024 No Comments

Note: Sản phẩm này không còn được bán trên Woo.com. Tài liệu này vẫn được để tại để bạn hỗ trợ cấu hình và xử lý sự cố, nhưng không còn được cập nhật.

Tổng quan

Plugin Cuộn Ajax Vô Hạn cho WooCommerce cho phép bạn thực hiện cuộn vô hạn trên trang cửa hàng WooCommerce của bạn. Như vậy, cho phép bạn tăng cường trải nghiệm duyệt cho khách hàng của bạn cả trên máy tính để bàn và di động.

Cài đặt

  • Tải tệp .zip từ tài khoản WooCommerce của bạn .
  • Đăng nhập vào Bảng điều khiển WordPress của bạn và điều hướng đến Plugins > Thêm Mới.
  • Nhấp vào nút Tải lên Plugin ở trên cùng và tải lên tệp zip của plugin.
  • Cài đặt plugin và nhấp vào Kích hoạt để bắt đầu.

Cài đặt chung

Để cấu hình cài đặt chung của plugin từ bảng điều khiển WordPress của bạn, hãy truy cập trang MakeWebBetter → Infinite Ajax Scroll For WooCommerce . Trên trang này, bạn sẽ tìm thấy một số cài đặt cấu hình xác định chức năng tổng thể của plugin này.

cài đặt chung ajax vô hạn

Trang này có các tùy chọn sau:

  1. Tùy chọn để kích hoạt plugin cho cửa hàng WooCommerce của bạn.
  2. Tùy chọn để bật/tắt cuộn vô hạn cho người dùng di động.
  3. Tùy chọn để bật/tắt thay đổi URL khi nội dung mới tải khi di chuyển.
  4. Bạn có thể chọn kiểu cuộn để tải nội dung trang.
  5. Cấu hình để chỉnh sửa văn bản khi nội dung đã hết.
  6. Bạn cũng có thể chọn hình ảnh của bộ tải.
  7. Quản trị viên cũng có thể chọn từ các tùy chọn của hiệu ứng chuyển tiếp và bộ tải.

Hãy xem tất cả tùy chọn cấu hình này chi tiết.

Kích hoạt Plugin

1. Để kích hoạt plugin cho cửa hàng WooCommerce của bạn, hãy bật chuyển đổi trượt bên cạnh tùy chọn “Enable” trên tab General của plugin.

2. Theo mặc định, cuộn vô hạn được kích hoạt cho phiên bản di động của trang web của bạn. Bạn có thể tắt nó bằng cách nhấn chuyển đổi trượt bên cạnh “Disable infinite scrolling on mobile view” trên tab General của plugin

3. Nếu bạn muốn URL thay đổi mỗi khi nội dung mới tải khi cuộn, bạn có thể kích hoạt chuyển đổi trượt bên cạnh tùy chọn “Enable url change with the scroll” .

kích hoạt ajax vô hạn

Chọn

Các chọn lựa cho phép quản trị viên chọn phần của cửa hàng WooCommerce mà bạn muốn thực hiện hiệu ứng cuộn vô hạn. Để kiểm soát toàn bộ chức năng của các chọn lựa, bạn cần các lớp hoặc id của chúng.

chọn lựa ajax vô hạn

Bạn có thể tìm thấy các chọn lựa sau trên tab General của plugin:

Chọn Lựa Điều Hướng

Nhập class/id chứa điều hướng của trang. Mở công cụ kiểm tra và di chuyển chuột lên div chứa phân trang của một trang.

chọn lựa di hướng

Khi bạn đã tìm ra lớp/id, bạn có thể nhập vào trường văn bản bên cạnh Navigation Selector trong định dạng .<class-name> hoặc #<id-name> . Ví dụ: .woocommerce-pagination

Nội dung liên quan:  Cài đặt Affiliate For WooCommerce

Next Selector

Trong trường này, bạn phải nhập lớp/id của chọn lựa chứa URL of the next page . Bạn có thể tìm thấy điều này bằng cách mở công cụ kiểm tra và di chuyển chuột qua nút trang tiếp theo.

chọn lựa tiếp theo

Bạn cần nhập lớp/id vào trường văn bản bên cạnh Next Selector trong định dạng .<class-name> hoặc #<id-name> . . Ví dụ: .pagination .page-numbers a.next .

Chọn Lựa Mục

Nhập lớp/id của div chứa contains your products . Để tìm lớp/id của chọn lựa mục, hãy mở công cụ kiểm tra và di chuyển chuột lên div chứa sản phẩm.

chọn lựa mục

Bạn phải nhập lớp/id vào trường văn bản bên cạnh Item Selector trong định dạng .<class-name> hoặc #<id-name> . Ví dụ: .product .

Chọn Lựa Nội Dung

Nhập lớp/id của div chứa toàn bộ nội dung trang. Bạn cũng có thể tìm thấy điều này với sự giúp đỡ của công cụ kiểm tra.

chọn lựa nội dung

Bạn phải nhập lớp/id vào trường văn bản bên cạnh Content Selector trong định dạng .<class-name> hoặc #<id-name> . Ví dụ: .products .

Note: Có thể xảy ra rằng dữ liệu cho tất cả các thông số này đã được điền từ khi bạn cài đặt plugin. Trong trường hợp như vậy, bạn không phải điền chúng lại.

Nội Dung tải

Tiếp theo trong plugin, chúng ta có các cài đặt cung cấp tùy chỉnh cho việc tải nội dung trang. Trong General Settings, bạn sẽ tìm thấy các tùy chọn sau:

Kiểu cuộn

Plugin cho phép chủ sở hữu cửa hàng WooCommerce chọn Scroll type nghĩa là bạn có thể chọn kiểu phân trang cho nội dung của trang.

Đối với kiểu cuộn, chọn tùy chọn từ menu thả xuống bên cạnh “ Select scroll type” .

loại cuộn vô hạn

Có hai tùy chọn có sẵn đó là click scroll , bạn có thể chọn bất kỳ tùy chọn nào.

Văn bản tải thêm

Bạn có thể nhập một văn bản sẽ được hiển thị trên nút xuất hiện khi khách hàng đến cuối trang. Khi nhấp vào nút này, plugin sẽ tải nội dung của trang tiếp theo.

Chỉ cần cuộn xuống trên tab General Settings và nhập thông điệp vào trường văn bản bên cạnh tùy chọn Load More Text .

văn bản tải thêm

Note: Tùy chọn này chỉ xuất hiện nếu bạn đã chọn tùy chọn “click” trong cài đặt Scroll Type .

Văn bản hoàn thành

Quản trị viên có thể hiển thị văn bản cho người dùng khi khách hàng đến cuối trang. Văn bản này xuất hiện khi tất cả nội dung được tải và bạn không có nội dung để hiển thị.

văn bản hoàn thành

Nhập văn bản cần hiển thị trong trường văn bản bên cạnh tùy chọn Finish Text .

Note: Bạn có thể để trống nếu không muốn hiển thị văn bản nào.

Hình ảnh tải

Tùy chọn Loader Image cho phép bạn chọn một

Leave a Reply

Your email address will not be published.