Các khối WooCommerce

Linh Dinh March 2, 2024 No Comments

Hãy tưởng tượng bạn có thể tạo một trang Cửa hàng tùy chỉnh hoặc một trang chủ với một lựa chọn các sản phẩm, hoặc đơn giản là chèn một số khối sản phẩm vào bài viết và các trang của bạn. Các khối WooCommerce cung cấp rất nhiều khả năng. Hãy đi qua các khối khác nhau được bao gồm mặc định trong plugin WooCommerce.

Kể từ phiên bản 3.6 của WooCommerce, chúng tôi mặc định bao gồm nhiều khối rất hữu ích (link chỉ có sẵn bằng tiếng Anh) cho phép bao gồm các sản phẩm vào các trang của trình soạn thảo mới của WordPress. Để biết thêm thông tin về các khối và trình soạn thảo mới của WordPress, hãy tham khảo tài liệu về trình soạn thảo WordPress (link chỉ có sẵn bằng tiếng Anh).

Yêu cầu tối thiểu

Chúng tôi khuyên bạn nên mettre à jour WordPress et WooCommerce vers la dernière version stable . Dưới đây là các yêu cầu tối thiểu :

  • WordPress : phiên bản 5.3 trở lên.
  • WooCommerce : phiên bản 4.2 trở lên.

Giới thiệu sản phẩm

Có nhiều khối sẵn có để giúp bạn giới thiệu sản phẩm theo nhiều cách khác nhau. Như tên của các khối đề xuất, bạn có thể tạo các lưới sản phẩm dựa trên nhãn sản phẩm, sản phẩm nổi bật, thuộc tính sản phẩm, và nhiều hơn nữa!

Để truy cập vào cài đặt và các tùy chọn chỉnh sửa khối, hãy nhấp vào tab Khối ở bảng điều khiển bên phải. Đây là danh sách các khối sản phẩm có sẵn và một số ví dụ về thiết lập khối từ tab Khối của trình soạn thảo:

  • Sản phẩm theo thuộc tính – Cài đặt
  • Sản phẩm bán chạy nhất – Cài đặt
  • Sản phẩm bán chạy nhất – Hiển thị trên trang web
  • Sản phẩm theo danh mục – Cài đặt
  • Sản phẩm theo danh mục – Hiển thị trên trang web
  • Sản phẩm chọn bằng tay – Cài đặt
  • Sản phẩm nổi bật – Cài đặt
  • Sản phẩm theo nhãn – Cài đặt

Cho phép khách du lịch khám phá sản phẩm của bạn

Ba khối sau đây cho phép bạn hiển thị tất cả các danh mục sản phẩm dưới dạng danh sách hoặc danh sách xổ xuống, nổi bật một danh mục một cách trực quan và khuyến khích một hành động nhanh chóng, và thêm khu vực tìm kiếm cho phép khách hàng tìm kiếm sản phẩm theo từ khóa.

  • Liste des catégories de produit
  • Catégorie à la Une
  • Rechercher un produit

Hiển thị đánh giá sản phẩm

Ba khối sau đây cho phép bạn hiển thị danh sách tất cả các đánh giá sản phẩm, các đánh giá của một số sản phẩm hoặc các đánh giá của các danh mục cụ thể.

  • Tous les avis
  • Avis par produit
  • Avis par catégorie

Tạo một trang Cửa hàng tùy chỉnh

Các khối sau đây tạo thành một bộ hoàn chỉnh để tạo một trang Cửa hàng tùy chỉnh, cho phép khách hàng duyệt và lọc sản phẩm theo thuộc tính hoặc giá.

  • Tous les produits
  • Filtrer les produits par attribut
  • Filtrer les produits par prix
  • Filtres de produit actifs

Hãy bắt đầu với khối Colonnes (được bao gồm mặc định) để tạo một bố cục truyền thống với một cột chính và một cột bên. Tiếp theo, thêm khối Tous les produits vào cột chính. Khối này bao gồm các khối Atomic Blocks giúp bạn quản lý cách sản phẩm được hiển thị trong một lưới. Chọn khối Tous les produits sau đó nhấp vào biểu tượng Chỉnh sửa (biểu tượng bút chì ở góc trên bên trái). Các tùy chọn mới xuất hiện:

Bạn có thể sử dụng các khối Atomic Blocks để thêm, xoá hoặc sắp xếp lại các phần tử khác nhau như Hình ảnh sản phẩm, Tên sản phẩm, Đánh giá của sản phẩm, Giá của sản phẩm, Mô tả của sản phẩm và Nút Thêm vào giỏ hàng .

Cuối cùng, thêm vào cột bên phải sự kết hợp của ba khối còn lại đã liệt kê ở trên để cho phép khách hàng lọc sản phẩm theo thuộc tính và/hoặc giá.

Plugin WooCommerce Blocks và hơn thế nữa

Các khối được bao gồm mặc định trong WooCommerce đầu tiên được cung cấp trong plugin WooCommerce Blocks (liên kết chỉ có sẵn bằng tiếng Anh). Để có quyền tiếp cận sớm với các khối mới và các cải tiến của các khối hiện có, hãy cài đặt plugin WooCommerce Blocks của chúng tôi.

Để biết thêm thông tin về các khối Giỏ hàng và Thanh toán, hãy tham khảo trang phát triển các khối Giỏ hàng và Thanh toán (liên kết chỉ có sẵn bằng tiếng Anh).

Để biết thêm thông tin về plugin WooCommerce Blocks hoặc để theo dõi sự phát triển của các khối mới, hãy tham khảo trang WooCommerce Blocks trên WordPress.org (liên kết chỉ có sẵn bằng tiếng Anh) hoặc kho lưu trữ GitHub (liên kết chỉ có sẵn bằng tiếng Anh).

Leave a Reply

Your email address will not be published.