Divi là một chủ đề WordPress mạnh mẽ và linh hoạt cho phép người dùng tạo các trang web tuyệt đẹp một cách dễ dàng. Một trong những lý do chính khiến nó trở nên phổ biến là có rất nhiều plugin có sẵn có thể được sử dụng để nâng cao chức năng của nó. Một plugin như vậy là Woo Essential, được thiết kế dành riêng cho người dùng Divi đang điều hành một cửa hàng trực tuyến bằng WooC Commerce.
Woo Essential là một plugin có nhiều tính năng cung cấp nhiều công cụ giúp bạn tùy chỉnh cửa hàng WooC Commerce của mình và làm cho nó thân thiện hơn với người dùng. Cho dù bạn cần tùy chỉnh các trang sản phẩm, quy trình thanh toán hay thông báo qua email, Woo Essential đều đáp ứng được nhu cầu của bạn. Với giao diện thân thiện với người dùng và nhiều tùy chọn tùy chỉnh, plugin này là lựa chọn tuyệt vời cho bất kỳ ai muốn đưa cửa hàng trực tuyến của họ lên một tầm cao mới.
Trong bài viết này, chúng ta sẽ xem xét kỹ hơn các tính năng và lợi ích của Woo Essential cũng như cách ứng dụng này có thể giúp bạn tạo cửa hàng trực tuyến thành công hơn với Divi .
Các mô-đun thiết yếu của Woo
Woo Essential mở rộng Divi Builder với 8 thành phần mới. Một số chức năng yêu cầu sử dụng các plugin So sánh YITH WooC Commerce và YITH WooC Commerce Danh sách mong muốn. Các biến thể miễn phí là đủ cho mục đích này. Nếu bạn chưa tải những thứ này, bạn sẽ nhận được thông báo. Sau khi kích hoạt plugin Woo Essential, bạn chỉ cần chọn thông báo để cài đặt và kích hoạt chúng.
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờLúc đầu, bạn sẽ không thấy tất cả các thành phần trong Divi Builder. Thay vào đó, sẽ có một mô-đun duy nhất có tên là Woo Essential. Chọn phần này.
Sau đó, phương thức sẽ hiển thị tất cả các Mô-đun Woo Essential. Để hiển thị các sản phẩm WooC Commerce, giờ đây bạn có thể thêm các mô-đun vào bất kỳ bố cục Divi nào.
Hãy xem xét kỹ hơn từng Mô-đun Woo Essential. Trước tiên, tôi sẽ trình bày các cài đặt mặc định, sau đó là ví dụ về một số tính năng thiết kế.
Woo Thể loại đàn accordion
Mô-đun đàn accordion danh mục Woo hiển thị hình ảnh danh mục sản phẩm. Khi di chuột, hình ảnh sẽ mở rộng để hiển thị mô tả về danh mục cũng như số lượng mục trong danh mục đó. Nếu bạn đã thiết lập một hình ảnh danh mục, nó sẽ hiển thị nó.
Bạn có toàn quyền đối với thiết kế của từng yếu tố. Tôi đã thêm bóng hộp, làm tròn các góc và thay đổi màu sắc và kích cỡ phông chữ cho tên danh mục, số lượng và mô tả trong mẫu này. Ngoài ra, tôi đã thêm phần đệm và chiều cao của dòng vào bản tóm tắt.
Băng chuyền hạng mục Woo
Băng chuyền danh mục Woo tạo trình chiếu với điều hướng và tự động trượt. Có rất nhiều tùy chọn để điều chỉnh vòng quay.
Lưới danh mục Woo
Lưới Danh mục Woo sắp xếp các nhóm thành một lưới các thẻ. Bạn có thể sửa đổi lưới bằng cách thay đổi số cột.
Tôi đã thêm một đường viền, làm tròn các góc, thay đổi phông chữ và điều chỉnh số lượng lưới và giá trị khoảng cách cho cái này.
Woo Hạng mục Xây dựng
Mô-đun Masonry Danh mục Woo sắp xếp các danh mục trong một ma trận.
Trong trường hợp này, tôi đã thay đổi phông chữ và điều chỉnh số lưới và khoảng cách.
Sản phẩm đàn accordion Woo
Woo Product Accordion hoạt động tương tự như Woo Category Accordion, nhưng nó tự hiển thị các sản phẩm. Khi di chuột, nó sẽ mở rộng để hiển thị chi tiết sản phẩm. Chọn nút Thêm vào giỏ hàng, giá, xếp hạng sao, mô tả, Huy hiệu sản phẩm nổi bật, loại Huy hiệu giảm giá và văn bản Huy hiệu giảm giá để hiển thị. Bạn cũng có thể thay đổi cách hoạt động của đàn accordion. Theo mặc định, hình ảnh nổi bật được hiển thị trong tất cả các mô-đun sản phẩm.
Trong trường hợp này, tôi đã thay đổi nền của nội dung, màu phông chữ, màu huy hiệu, cỡ chữ của tên sản phẩm và màu của nút thêm vào giỏ hàng.
Băng chuyền sản phẩm Woo
Băng chuyền sản phẩm Woo hiển thị hàng hóa theo một trong sáu bố cục khác nhau. Mỗi cái có một hiệu ứng di chuột duy nhất cho các phím. Bạn cũng có thể chọn các thành phần sẽ hiển thị, thay đổi cài đặt băng chuyền, v.v.
Mỗi yếu tố có thể được điều chỉnh một cách riêng biệt. Trong ví dụ này, tôi đã thay đổi một số màu sắc, đường viền và phông chữ. Tôi cũng bao gồm chuyển động của mũi tên. Khi di chuột, Bố cục 3 đặt giỏ hàng và các liên kết khác ở cuối hình ảnh.
Bộ lọc sản phẩm Woo
Bộ lọc sản phẩm Woo mở rộng lưới sản phẩm WooC Commerce bằng bộ lọc có thể tùy chỉnh. Bạn có thể chọn những yếu tố để hiển thị.
Bạn có toàn quyền đối với tất cả các yếu tố, bao gồm bộ lọc, lưới, phông chữ, màu sắc, v.v. Trong hình minh họa này, tôi đã thay đổi một số màu sắc, kích thước phông chữ và số lượng lưới. Ngoài ra, tôi đã thêm bóng hộp vào bộ lọc và lưới hàng hóa.
Lưới sản phẩm Woo
Mô-đun lưới sản phẩm Woo sắp xếp hàng hóa theo dạng lưới và hiển thị số lượng sản phẩm trong một biểu ngữ. Nó có tám tùy chọn bố cục lưới, giúp thay đổi kích thước của hình ảnh và định vị các nút khi di chuột. Bạn có thể tùy chỉnh các thành phần xuất hiện. Khi di chuột, bố cục 8 đặt các biểu tượng ở bên phải của hình ảnh và nút Thêm vào giỏ hàng ở cuối hình ảnh.
Bạn có thể thêm số trang vào mỗi trang bằng cách thêm các nút hoặc tùy chọn Tải thêm. Trong trường hợp này, tôi đã tạo kiểu cho nút Tải thêm. Đây là bố cục 3, bao gồm chú thích và giá bên dưới hình ảnh và các biểu tượng ở gần cuối.
Thêm các tính năng thiết yếu của Woo
Có rất nhiều tính năng, phần lớn trong số đó được bao gồm trong các mô-đun, bổ sung tiện ích cho danh sách WooC Commerce. Dưới đây là tóm tắt nhanh về một số đặc điểm đó.
Xe đẩy nhỏ Woo
Chức năng Mini Cart tăng thêm giỏ hàng bằng menu bật lên. Nó ngay lập tức được đưa vào tiêu đề WordPress. Nó chỉ hoạt động với tiêu đề mặc định, vì vậy bạn sẽ không thể sử dụng nó với tiêu đề Divi Builder. Điều này có nghĩa là nó không linh hoạt như các chức năng khác của plugin. Theme Customizer cho phép bạn tùy chỉnh riêng từng yếu tố trong số ba yếu tố của nó.
Nó có bốn phần tùy chọn: cài đặt giỏ hàng chính, thiết kế giỏ hàng, nút xem giỏ hàng và nút thanh toán.
Thay đổi kích thước, hình dạng, màu sắc, phông chữ, biểu tượng và các khía cạnh khác về cách thức hoạt động của nó. Cho phép nó mở khi chạm, bấm hoặc trượt sang phải hoặc trái.
Mini Cart hiển thị các mặt hàng trong giỏ hàng của bạn theo một phương thức nhỏ. Tùy thuộc vào sở thích của bạn, nó cũng có thể khởi chạy một cửa sổ sang phải hoặc trái. Khi di chuột, phương thức xuất hiện trong trường hợp này. Lựa chọn Fly-In, trượt vào từ bên phải hoặc bên trái, mở rộng phương thức để lấp đầy toàn bộ màn hình.
Cửa sổ bật lên xem nhanh
Các chi tiết mục có thể được xem mà không cần rời khỏi trang web hiện tại. Một số phần hiện bao gồm biểu tượng xem nhanh. Nhấp vào biểu tượng này sẽ hiển thị thông tin trong cửa sổ phương thức. Cửa sổ bật lên nhanh chóng và cho phép bạn xem chi tiết sản phẩm mà không cần phải mở trang khác.
Tất cả thông tin sản phẩm, chẳng hạn như tóm tắt, bộ sưu tập, nút Thêm vào giỏ hàng, phân loại, v.v., đều được bao gồm trong phần chi tiết.
So sánh sản phẩm
Bằng cách chọn biểu tượng so sánh, bạn có thể so sánh nhiều sản phẩm. Vì quy trình này ban đầu có thể hơi phức tạp nên nhiều người dùng có thể không biết rằng họ có thể so sánh các sản phẩm.
Xem riêng các sản phẩm bạn muốn so sánh để bắt đầu so sánh. Sau đó, trên một trong các sản phẩm, hãy chọn biểu tượng so sánh. Phương thức so sánh sẽ được hiển thị, với các mục được so sánh trong một bảng. Điều này hoạt động, nhưng nó không rõ ràng như tôi muốn. Nó đã đòi hỏi một số nỗ lực để tìm ra. Tài liệu chứa các chi tiết tôi yêu cầu. Khi hoàn tất, bạn có thể cuộn qua phần so sánh và loại bỏ phương thức.
Cài đặt cơ bản của Woo
Woo Essential bao gồm kết nối với bảng quản trị WordPress. Để truy cập các tùy chọn, nhấp vào liên kết này. Cơ sở Kiến thức, Hỗ trợ và Phản hồi, Yêu cầu Tính năng và Kênh YouTube DiviNext đều có thể truy cập được từ tab đầu tiên, Trang chủ.
Để truy cập màn hình thứ hai, nhấp vào Mô-đun. Bạn có thể tắt hoặc cho phép bất kỳ Mô-đun Woo Essential nào từ trang này. Điều này hữu ích nếu bạn muốn giới hạn kế hoạch trong một vài mô-đun. Theo mặc định, tất cả đều được kích hoạt.
Mẫu thiết yếu của Woo
Để giúp bạn bắt đầu với các thiết kế của mình, trang web của nhà xuất bản cung cấp tám bố cục miễn phí dành cho người mới bắt đầu. Chúng cũng yêu cầu một plugin Divi khác để hoạt động, hạn chế tính hữu dụng của chúng đối với những người có cả hai plugin. Chúng xuất hiện tuyệt vời và có rất nhiều phần để lựa chọn.
kết thúc
Điều đó kết thúc đánh giá của chúng tôi về Woo Essentials cho Divi . Tám Mô-đun Divi này cung cấp rất nhiều lựa chọn cho lưới sản phẩm và đàn accordion. Hiển thị và định kiểu hàng hóa và danh mục riêng lẻ với Divi Builder. Xem nội dung giỏ hàng, chi tiết sản phẩm và so sánh hàng hóa dễ dàng. Tôi muốn xem Xe đẩy nhỏ dưới dạng Mô-đun Divi để có thể gắn nó vào tiêu đề Divi Builder. Tuy nhiên, nó hoạt động tốt nếu bạn sử dụng tiêu đề mặc định của WordPress. Woo Essentials đáng xem nếu bạn muốn thêm nhiều lưới hấp dẫn vào các trang sản phẩm WooC Commerce của mình.
