HIỂN THỊ DANH MỤC, DANH MỤC PHỤ, VÀ SẢN PHẨM THÀNH DANH SÁCH RIÊNG BIỆT TRONG WOOCOMMERCE

Mình nhớ ko lầm thì có tầm khoảng 2, 3 các bạn nào đó đã gửi mail hỏi mình về phong thái làm một khung thông báo mà bạn ta đã thấy được khi nhấp vào coi một category nào đó, từng category sẽ sở hữu được một thông báo khác nhau. Thực chất thì nếu khách hàng nào đang sử dụng Thesis hay Genesis thì hoàn toàn có thể dễ dàng làm được do nó có cung cấp sẵn rồi, nhưng nếu như bạn không dùng 2 theme đó thì rất có thể làm được bằng bài toán tận dụng chức năng Category Description tất cả sẵn vào WordPress.

Bạn đang xem: Hiển thị danh mục, danh mục phụ, và sản phẩm thành danh sách riêng biệt trong woocommerce

Cách thức buổi giao lưu của tutorial này là như thế nào?

Như bạn biết thì WordPress đã tất cả sẵn chức năng nhập Category description khi chúng ta vào trang chỉnh sửa một category bất kỳ, mục tiêu của tác dụng này là nhập trình bày cho từng category để họ dễ nhận biết hoặc hoàn toàn có thể hiển thị nó ra phía bên ngoài theme cho toàn bộ mọi bạn cùng xem.

*

Nhưng hiện giờ ở phần description này, chúng ta không viết biểu lộ vào nữa nhưng sẽ viết văn bản thông báo hay như là 1 cái nào đó mà bạn muốn người đọc nhận thấy nó khi bấm vào xem category ở ngoài website.

Xem thêm: Cứt Trâu Ở Trẻ Sơ Sinh Xuất Hiện Khi Nào Và Cách Trị Cưt Trâu

Và sau đó chúng ta sẽ thực hiện hàm category_description() trong WordPress để đưa dữ liệu từ cột mô tả tìm kiếm này ra và hiển thị lên website. Ok, vậy là bọn họ đã có chức năng hiển thị thông tin ở từng category rồi. :cheers:

Hướng dẫn thực hiện

Để cho chức năng hiển thị thông báo này được toàn vẹn 100% thì bạn cần cài plugin Allow HTML in Category description để có thể sử dụng mã HTML trong nội dung này. Cũng chính vì biết đâu bạn muốn chèn hình ảnh, thêm các hiệu ứng màu sắc vào phía trên thì sao. :)

Sau khi sở hữu plugin xong, các bạn vào Posts -> Categories -> chọn category mà bạn có nhu cầu chèn thông tin và ấn Edit.

*

Sau đó ở phần Description, chúng ta nhập nội dung thông báo mà bạn có nhu cầu hiển thị trên category này, rất có thể sử dụng HTML nhé do hồi nãy mình đã cài plugin được cho phép sử dụng HTML trong Category description rồi mà. :D

Ok, hiện thời các chúng ta mở file archive.php trong thư mục theme mà bạn đang dùng ra, tìm vị trí “đắc địa” để hiển thị thông báo và chèn đoạn code sau đây vào.


Nếu bạn muốn chèn lên ở trên category thì rất tốt là yêu cầu chèn bên dưới đoạn . Sau khi chèn ngừng thì các bạn sẽ thấy nội dung thông tin đã hiển thị ra phía bên ngoài theme như vậy này

*

Lý vày mà hình ảnh trên mình thừa thêm một category description hiển thị phía dưới đó là vì theme này đã có sẵn hàm hiển thị category description rồi, nhưng chúng ta không cần suy nghĩ nó đâu mà chỉ nên nhìn vào hướng mũi tên cơ thôi. :D

Nhìn vì thế thì hơi đối kháng điệu quá yêu cầu không, ít nhất là họ nên tạo cho nó thêm màu sắc một chút để triển khai nổi nhảy box thông báo này lên, kia là nguyên nhân tại sao mình đã đính kèm thêm đoạn div class="description-archive" trong đoạn cơ code trên để chúng ta có thể thêm CSS đến class đó. Hãy thử chèn đoạn CSS này vào tệp tin style.css coi sao nhé.

.description-archive background: #96d4e8;padding: 7px;border-radius: 15px;border: 1px solid #ddd;box-shadow: 0 0 3px #eee;margin-bottom: 15px;

Xong rồi đấy, quan sát nó dường như chất chơi một tí rồi :D . Tuy nhiên đây chỉ với đoạn CSS mẫu mã mà thôi, các chúng ta có thể kết thích hợp thêm kiến thức và kỹ năng CSS của người sử dụng để có tác dụng box này đẹp mắt lên cùng trang trí những chữ phía bên trong cho nó có màu sắc một tí nhé. Chúc các bạn làm thành công!