Hướng dẫn sử dụng Widget trong Woocommerce

Huong dan su dung Widget trong Woocommerce - Hướng dẫn sử dụng Widget trong Woocommerce

Source: Hướng dẫn sử dụng Widget trong Woocommerce

Bài viết hôm nay mình sẽ giới thiệu các Widget có sẵn của Woocommerce. Phần cuối cùng là danh sách các plugin hỗ trợ Widget cho Woocommerce. Và một plugin miễn phí giúp bạn tùy chỉnh hiển thị các Widget cho Woocommerce.

Sử dụng Widget

Sử dụng widget Woocommerce cũng giống như sử dụng các widget khác. Bạn muốn sử dụng Widget nào chỉ cần kéo vào thanh bên mà bạn muốn hiển thị. Như thường lệ, bạn sẽ cấu hình tại Giao diện -> Tiện ích

Danh sách các Widget Woocommerce

1. Giỏ hàng WooCommerce (WooCommerce Cart)

Hiển thị giỏ hàng mini, giúp khách hàng xem danh sách sản phẩm đang có trong giỏ hàng


widget-widget-1

2. Hướng dẫn sản phẩm phân lớp WooCommerce (Điều hướng phân lớp WooCommerce)

Cho phép khách hàng lọc sản phẩm theo thuộc tính. Tiện ích chỉ hiển thị trong trang lưu trữ sản phẩm (trang cửa hàng).

Các tùy chọn của Widget này


widget-widget-2

Chức vụ: Tiêu đề hiển thị bên ngoài Widget

Tính chất: Chọn thuộc tính để lọc cho sản phẩm. Giá trị ở đây là slug của sản phẩm, vì vậy nó không có dấu.

Kiểu hiển thị: Tùy chọn hiển thị hướng dẫn.

Loại truy vấn:

  • Và: chỉ hiển thị các sản phẩm có thuộc tính phù hợp với sở thích của bạn. Giả sử nếu bạn chọn 2 thuộc tính thì chỉ những sản phẩm có cả 2 thuộc tính mới xuất hiện
  • HOẶC: Nếu bạn chọn 2 thuộc tính, các sản phẩm phù hợp với một trong hai thuộc tính sẽ xuất hiện.

3. Bộ lọc điều hướng phân lớp WooCommerce (Bộ lọc điều hướng phân lớp WooCommerce)

Hiển thị các thuộc tính bạn đang lọc chế độ xem sản phẩm với tiện ích Điều hướng phân lớp Woocommerce. Mục đích cho khách hàng biết họ đang lọc thuộc tính nào để loại bỏ


widget-widget-3

4. Bộ lọc giá Woocommerce (Bộ lọc giá Woocommerce)

Bộ lọc cho phép lọc các sản phẩm theo giá bằng cách sử dụng một slide để chọn phạm vi giá. Tiện ích này chỉ hiển thị trong trang Cửa hàng (trang lưu trữ sản phẩm)


widget-widget-4

5. Danh mục sản phẩm WooCommerce

Hiển thị danh sách các sản phẩm hiện có trên trang web


widget-widget-5

widget-widget-6

6. Sản phẩm WooCommerce (Sản phẩm WooCommerce)

Các tùy chọn của Widget này


widget-widget-7

Chức vụ: Tiêu đề hiển thị của widget bên ngoài giao diện.

Số lượng sản phẩm được hiển thị: Tùy chỉnh số lượng sản phẩm tối đa mà bạn muốn hiển thị.

Trưng bày

  • Tất cả sản phẩm: Hiển thị tất cả các sản phẩm theo thứ tự sắp xếp tùy chỉnh bên dưới.
  • Sản phẩm nổi bật: Hiển thị các sản phẩm nổi bật theo thứ tự sắp xếp tùy chỉnh bên dưới.
  • Sản phẩm giảm giá: Hiển thị các sản phẩm giảm giá theo thứ tự sắp xếp tùy chỉnh bên dưới.

Được sắp xếp bởi

  • Ngày: Phân loại sản phẩm theo ngày
  • Giá: Phân loại sản phẩm theo giá
  • Ngẫu nhiên khóa học: Sắp xếp sản phẩm theo kiểu ngẫu nhiên
  • Việc bán hàng: Phân loại sản phẩm theo doanh số.

Gọi món

  • Sự giảm bớt: Sắp xếp sản phẩm theo thứ tự giảm dần
  • Tăng: Sắp xếp sản phẩm theo thứ tự tăng dần.

7. Tìm kiếm sản phẩm trong Woocommerce (Tìm kiếm sản phẩm WooCommerce)

Hiển thị hộp tìm kiếm và chỉ tìm kiếm sản phẩm

8. Từ khóa sản phẩm trong Woocommerce (Thẻ sản phẩm WooCommerce)

Hiển thị từ khóa sản phẩm ở định dạng đám mây

9. Các đánh giá gần đây trong Woocommerce (Các đánh giá gần đây về WooCommerce)

Hiển thị các đánh giá về sản phẩm mới nhất, với số lượng sao đánh giá

10. Đã xem gần đây trong WooCommerce (Đánh giá gần đây về WooCommerce)

Hiển thị các sản phẩm khách hàng vừa xem

11. Các sản phẩm được xếp hạng cao nhất trong WooCommerce (Các sản phẩm được xếp hạng hàng đầu của WooCommerce)

Danh sách các sản phẩm được người dùng đánh giá cao nhất.

Danh sách các plugin tiện ích WooCommerce

Nếu bạn cần thêm widget để hỗ trợ WooCommerce, hãy tham khảo danh sách sau

Rảnh rỗi

1. YITH WooCommerce AJAX Product Filter: Hỗ trợ tạo bộ lọc sản phẩm.

2. XoX Woocommerce Sidler / Carousel: Hỗ trợ hiển thị sản phẩm dưới dạng slide

3. Tìm kiếm theo SKU cho Woocommerce: Widget để tìm sản phẩm theo SKU

3. WooCommerce My Account Widge t: Tiện ích hiển thị biểu mẫu đăng nhập và liên kết đến trang tài khoản WooCommerce

4. XO10 – tiện ích Danh mục WooCommerce: Hiển thị các danh mục sản phẩm có chứa hình đại diện

Phí đã trả

1 Sản phẩm WC theo danh mục Tiện ích: Hiển thị sản phẩm theo danh mục

2. Woocommerce Tương tự Danh mục Sản phẩm Widget: Hiển thị các sản phẩm cùng danh mục

3. Bộ lọc sản phẩm Woocommerce: Lọc sản phẩm một cách chuyên nghiệp.

4. Woocommerce Sales Countdown: Hiển thị đếm ngược đến chương trình mã giảm giá

5. WooCommerce Ajax Drop Down Cart: Thêm tiện ích giỏ hàng mini với hỗ trợ AJAX.

6. Shop Assistant cho WooCommerce: Trợ lý ảo cho khách hàng

7. WooCommerce Currency Switcher: Widget hỗ trợ chuyển đổi tiền tệ theo tỷ giá hối đoái tự động.

8. Giỏ hàng WooCommerce – WooCart Pro: Tự động hiển thị giỏ hàng mini

Phân vùng màn hình Sidebar với WooSidebars

Một vấn đề khá phổ biến khi bạn sử dụng Widget trong Woocommerce. Tức là bạn cần phân chia các Widget hiển thị trên các trang khác nhau.

Giả sử bạn chỉ có một thanh bên duy nhất hiển thị ở bên phải. Nhưng bạn muốn trang hiển thị sản phẩm có widget riêng, trang danh mục sản phẩm có widget riêng.

Để giải quyết vấn đề này, bạn có thể sử dụng plugin miễn phí WooSidebars. Plugin này hỗ trợ bạn tạo thanh bên của riêng mình và thay thế thanh bên hiện có.

Bây giờ chúng ta hãy xem cách sử dụng WooSidebars.

Sử dụng WooSidebars

Bạn cài đặt plugin giống như bất kỳ plugin ứng dụng khách nào khác trong WordPress. Sau khi cài đặt, bạn sẽ thấy một mục mới được gọi là Khu vực tiện ích trong menu Giao diện. Phần này giúp bạn tạo thanh bên để thay thế thanh bên hiện có


su-dung-woosidebars-1

Đầu tiên, bạn nhấn Thêm mới để tạo một thanh bên mới.

Bạn nhập tên cho thanh bên. Trong phần Điều kiện, bạn chọn điều kiện hiển thị thanh bên. Bạn có thể chọn Advanced để hiển thị giao diện đầy đủ với nhiều tùy chọn nâng cao.

Quan trọng nhất là phần Side To Replace bạn chọn bên mặc định để thay thế khi thỏa mãn điều kiện trong phần condition. Sau khi bạn hoàn tất cấu hình, hãy nhấp vào Đăng.


su-dung-woosidebars-2

Tiếp theo, bạn nhập Giao diện -> Tiện ích, bạn sẽ thấy thanh bên mà bạn vừa tạo. Nhiệm vụ bây giờ là kéo widget bạn muốn hiển thị sang sidebar. Như vậy các widget sẽ hiển thị theo logic mà chúng ta vừa tạo ở trên. Đơn giản phải không?


su-dung-woosidebars-3

Phần kết

Như vậy, bạn đã biết danh sách các Widget mà Woocommerce cung cấp. Ngoài ra, bạn còn biết thêm danh sách các plugin giúp bạn có thêm nhiều loại Woocommerce Widgets hỗ trợ các nhu cầu khác nhau.

Cuối cùng, tôi đã giới thiệu một plugin giúp bạn tùy chỉnh cách hiển thị các Widget.

Via: sieucoder.com



from sieucoder.com https://ift.tt/3qiia3y
via Sieucoder.com

Nhận xét

Đăng nhận xét