Bạn đã bao giờ muốn tạo một lưới có thể sắp xếp và có thể lọc có chứa tất cả hoặc một phần các sản phẩm WooC Commerce của bạn chưa?

Nếu bạn vận hành một cửa hàng WooCommerce, bạn biết rằng WooCommerce đã đi kèm với một trang lưu trữ chuyên dụng giúp bạn giới thiệu các sản phẩm riêng lẻ.

Tuy nhiên, tùy thuộc vào những gì bạn đang bán, đây không phải lúc nào cũng là cách hiệu quả nhất để giới thiệu sản phẩm của bạn.

Trong một số trường hợp, hiển thị các sản phẩm WooC Commerce trong một lưới hiệu quả hơn.

Và nếu điều đó có vẻ giống như tình huống bạn gặp phải, thì bạn vẫn ổn vì tôi sẽ chỉ cho bạn cách tạo lưới các sản phẩm WooC Commerce của bạn.

Nhưng nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Bạn có thể làm gì với một mạng lưới các sản phẩm WooC Commerce?

Mặc dù không phải là danh sách đầy đủ, nhưng đây là một vài tình huống mà lưới sản phẩm có thể mang lại cho khách truy cập trải nghiệm tốt hơn so với trang lưu trữ thông thường của bạn:

Khám phá Làm thế nào để cài đặt một cửa hàng trực tuyến trên WordPress với plugin WooCommerce

• Cửa hàng bán buôn - nếu bạn bán buôn nhiều sản phẩm, việc cung cấp cho khách hàng một cách dễ dàng để phân loại hoặc lọc lưới có thể thân thiện với người dùng hơn là để họ duyệt từng trang sản phẩm riêng lẻ.
• Danh mục sản phẩm - tương tự, nếu bạn chỉ muốn hiển thị danh mục sản phẩm dễ duyệt, lưới sắp xếp / lọc AJAX sẽ giúp khách hàng tiết kiệm thời gian (và tải lại trang).
• Mẫu đặt hàng - nếu bạn muốn tạo một biểu mẫu đặt hàng dựa trên các sản phẩm WooCommerce, một lưới cung cấp một cách rất dễ dàng để thực hiện. Đây cũng là một cách tốt để hiển thị thực đơn nhà hàng và chấp nhận đơn đặt hàng trực tuyến.

Cách tạo lưới các sản phẩm WooC Commerce

Chúng tôi sẽ sử dụng plugin Bảng sản phẩm WooCommerce. Plugin này đặc biệt tập trung vào việc tạo lưới sản phẩm. Và nhờ vào các thông số giao diện và mã ngắn, bạn có thể tùy chỉnh về mọi khía cạnh của cách lưới hoạt động.

Cũng đọc hướng dẫn của chúng tôi về: Làm thế nào để tăng thời gian dành cho blog WordPress của bạn

Dưới đây là một số tính năng hữu ích nhất, theo ý kiến ​​của tôi:

• Dễ dàng thêm hoặc xóa cột Bạn thậm chí có thể thêm các cột chứa các trường tùy chỉnh hoặc phân loại tùy chỉnh và Bảng sản phẩm WooCommerce tích hợp đầy đủ với Trường tùy chỉnh nâng cao.
• Các vật dụng bộ lọc 4 bao gồm. Những điều này cho phép bạn cung cấp cho người đọc trải nghiệm liền mạch bằng cách cung cấp các tùy chọn lọc trong thanh bên của bạn.
• Hỗ trợ thuộc tính / biến thể sản phẩm. Chọn từ 3 cách khác nhau để hiển thị các biến thể sản phẩm trong lưới của bạn.
• Hộp nhiều lựa chọn. Nó tạo điều kiện cho việc tạo các mẫu đơn đặt hàng bằng cách cho phép khách hàng chọn nhiều sản phẩm trước khi thêm chúng vào giỏ hàng của họ.
• Tìm kiếm, sắp xếp và lọc tức thì . Khách hàng có thể thao tác dữ liệu lưới của bạn mà không cần tải lại trang.
• Thêm vào giỏ . Tương tự, khách hàng có thể thêm sản phẩm vào giỏ của mình mà không cần tải lại trang.
• Hỗ trợ tải chậm. Hữu ích để cải thiện hiệu suất của lưới lớn ( mặc dù điều này ảnh hưởng đến khả năng cung cấp sắp xếp hoặc lọc tức thì )

Đây là cách sử dụng plugin này ...

Bước 1: Cấu hình tính năng lưới mặc định

Sau khi cài đặt và kích hoạt plugin, điều đầu tiên cần làm là định cấu hình chức năng mặc định cho lưới của bạn. Kiểm tra hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Điều này về cơ bản xác định hành vi mặc định của shortcode. Nhưng bạn cũng có thể thay đổi hành vi này cho các lưới riêng lẻ bằng cách thêm tham số vào shortcode.

Để truy cập cài đặt plugin, hãy đi đến WooC Commerce → Cài đặt. Sau đó nhấp vào tab Sản phẩm và chọn tùy chọn Bảng sản phẩm :

Định cấu hình giao diện của lưới của bạn

Trước hết, bạn có thể chọn kiểu lưới của mình trong phần Thiết kế bảng. Bạn có thể làm điều đó với:

• Mặc định - như bạn có thể tưởng tượng, tùy chọn này sử dụng cài đặt mặc định của plugin mà không có bất kỳ sự can thiệp nào từ phía bạn. Anh ấy sẽ cố gắng sử dụng chủ đề hiện tại của blog của bạn nhiều nhất có thể.
• Personnalisé : khi được chọn, nó sẽ mở rộng danh sách các tùy chọn tạo kiểu cho phép bạn tùy chỉnh màu sắc và kích thước phông chữ mà không cần CSS tùy chỉnh.

Khi bạn đã thiết lập kiểu của mình, bạn phải định cấu hình mặc định shortcode. Một lần nữa, bạn có thể chỉnh sửa chúng cho các mã ngắn riêng lẻ thông qua các tham số sau này. Nhưng việc thiết lập sẽ giúp bạn tiết kiệm thời gian và làm mọi thứ dễ dàng hơn một chút sau đó.

Hầu hết các cài đặt đều tự giải thích và bạn có thể thấy Bảng sản phẩm WooC Commerce thực hiện tốt việc cung cấp các chú giải công cụ hoặc liên kết tài liệu để giúp bạn tìm hiểu thêm về từng cài đặt.

Khám phá cũng Làm thế nào để thêm một cửa hàng WooCommerce trên Facebook

Khi bạn đã đặt mặc định mã ngắn, bạn có thể cuộn thêm để định cấu hình cài đặt tính năng và bố cục nâng cao hơn.

Một lần nữa, plugin thực hiện một công việc tuyệt vời; cái để cung cấp thông tin bổ sung cho bất kỳ thông số nào có thể hơi khó hiểu. 

Cách kiểm soát kho của cửa hàng trực tuyến WooC Commerce của bạn ? Khám phá nó bằng cách nhấp vào liên kết này.

Một điều cần chú ý là giới hạn của khoản phí tiến bộ. Nếu bạn quyết định sử dụng tính năng tải liên tục để tăng tốc cửa hàng trực tuyến của mình, bạn sẽ giới hạn chức năng sắp xếp và tìm kiếm của plugin.

Xem thêm lựa chọn của chúng tôi về Các plugin WooC Commerce tốt nhất để tăng cường cửa hàng trực tuyến của bạn

Khi cấu hình hoàn tất, hãy đảm bảo lưu các thay đổi của bạn.

Bước 2: Thêm tiện ích lưới WooC Commerce (Tùy chọn)

Như tôi đã đề cập, Bảng sản phẩm WooCommerce cũng cung cấp bốn tiện ích con để giúp bạn thêm các tùy chọn lọc vào thanh bên của mình ( như bạn có thể cho các cửa hàng WooC Commerce cổ điển ).

Để truy cập nó, hãy đi đến Ngoại hình → Widgets như thường lệ và vuốt qua các tiện ích mong muốn:

Bước 3: Thêm mã ngắn vào nơi bạn muốn hiển thị lưới sản phẩm của mình

Bạn đang ở vạch đích! Bây giờ tất cả những gì bạn cần làm là thêm shortcode [product_table] bất cứ nơi nào bạn muốn lưới của bạn xuất hiện.

Khám phá quá Làm thế nào để tìm các liên kết đến trang đăng nhập WordPress

Theo mặc định, mã ngắn sẽ hoạt động theo cài đặt bạn đã chọn ở bước 1. Nhưng nếu bạn muốn tùy chỉnh chức năng cho các mã ngắn cụ thể, bạn có thể làm như vậy bằng cách sử dụng nhiều tham số shortcode có sẵn.

Ví dụ: để chỉ sử dụng lưới trên các sản phẩm thuộc một danh mục cụ thể, bạn có thể thêm một tham số như sau:

[product_table thể loại="mũ"]

Bạn thậm chí có thể sáng tạo và sử dụng các điều kiện VÀ / HOẶC tại đây.

Ví dụ:

• [product_table thể loại= "mũ + trong ngôi sao« ] chỉ hiển thị các sản phẩm thuộc về thời gian đến các loại mũ et trong các ngôi sao.
• [ Product_table thể loại= "mũ trong ngôi sao "] hiển thị các sản phẩm liệu nón ou hạng sao.

Sự chú ý đến các chi tiết nhỏ này là điều làm cho lưới sản phẩm của WooC Commerce trở nên tuyệt vời. 

Xem thêm 6 plugin WordPress để thổi luồng sinh khí mới vào các bài viết của bạn

Và đó là tất cả những gì cần có với lưới sản phẩm trên WooCommerce!

Định giá plugin WooCommerce Product Table

Bảng sản phẩm WooCommerce độc ​​quyền là một plugin cao cấp. Mặc dù có một số tùy chọn miễn phí được liệt kê trong thư mục WordPress.org, nhưng tôi không tìm thấy tùy chọn nào linh hoạt hoặc được ghi chép đầy đủ, vì vậy tôi nghĩ Bảng sản phẩm WooCommerce đáng giá, đó là ...

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. HBook

HBook là một Phần mở rộng WordPress điều này sẽ cho phép bạn dễ dàng tạo giải pháp đặt chỗ trực tuyến trên trang web của mình.

Nó hoàn toàn phù hợp cho bất kỳ ai kinh doanh trong lĩnh vực khách sạn (khách sạn, căn hộ nghỉ dưỡng, cắm trại, v.v.).

Khám phá cũng của chúng tôi Các plugin 5 WordPress để chia sẻ nội dung blog của bạn

xuyên qua Plugin WordPress HBook, bạn sẽ có thể thêm lịch còn hàng, bảng giá và biểu mẫu đặt chỗ vào trang web của mình, chỉ trong vài giây.

Tải về | Bản demo | Web hosting 

2. WooC Commerce Tab Pro: Tab bổ sung cho trang sản phẩm

Ce Plugin WordPress cung cấp cho bạn các tab bổ sung không giới hạn trên trang sản phẩm.

Các tính năng chính của nó là: khả năng thay đổi tiêu đề của các tab, một biên tập để chỉnh sửa nội dung tùy chỉnh, pkhả năng ghim các tab hay không, sự lựa chọn biểu tượng cho các tab, loại bỏ dễ dàng các tab, ptùy chỉnh vị trí của các tab trên giao diện công khai, đthêm nữa ...

Tải về | Bản demo | Web hosting

3. Plugin giới thiệu đa phương tiện WooCommerce

Plugin WooC Commerce này cho phép các chi nhánh của bạn kiếm điểm tín dụng nếu người đăng ký của họ mua sản phẩm của bạn từ cửa hàng trực tuyến hiện tại của bạn.

Các tính năng của nó, trong số những tính năng khác: cấu hình hạn mức tín dụng và quy đổi được cá nhân hóa, hoàn thành báo cáo quản trị cho người dùng đã đăng ký, quản lý các thông số toàn cầu hoặc sản phẩm cụ thể, hỗ trợ các mã ngắn, và nhiều hơn nữa.

Khám phá quá Cách thêm biểu mẫu liên hệ thả xuống vào tiêu đề toàn cầu của bạn

Nó là một hệ thống liên kết đa cấp WooCommerce, một thứ nằm ngoài hệ thống giao dịch liên kết điển hình.

Tải về | Bản demo | Web hosting

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

• 9 WordPress chủ đề để tạo ra một trang web bán sản phẩm sinh học
• Dịch vụ 6 CDN để cải thiện tốc độ blog WordPress của bạn 
• Cách tạo chương trình liên kết của bạn với WP Affiliate PlatForm
• Cách cập nhật thủ công các plugin WordPress của bạn

Kết luận

Thế thôi! Đó là nó cho hướng dẫn này. Tôi hy vọng bạn sẽ có thể tạo lưới sản phẩm WooC Commerce trên WordPress. thoải mái để chia sẻ mẹo với bạn bè trên mạng xã hội của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Tuy nhiên, trong thời gian chờ đợi, hãy cho chúng tôi biết về ý kiến và đề xuất trong phần dành riêng.

...