Làm cách nào để hiển thị danh mục sản phẩm một cách khôn ngoan trong mã ngắn WooC Commerce?

Plugin tùy chỉnh để hiển thị danh mục sản phẩm WooC Commerce

Quá trình hiển thị các danh mục phụ ở trên cho các danh mục sản phẩm WooC Commerce được thực hiện thông qua mã nội tuyến được thêm vào các chức năng. tập tin php

Có những trường hợp chủ sở hữu và nhà phát triển cửa hàng WooC Commerce không muốn sử dụng mã nội tuyến, chủ yếu là khi họ không muốn tiết chế với mã “tốt” hoặc trong trường hợp có nhiều tùy chỉnh có thể bị trật bánh khi thêm mã vào các chức năng. php

Đối với những người dùng như vậy, một giải pháp thay thế tuyệt vời là gói tất cả chức năng này vào một plugin. quy trình này rất đơn giản và bạn có thêm lợi ích khi TẮT chức năng này bằng cách tắt plugin

Hãy bắt đầu

Trong thư mục wp-content/plugins của bạn, hãy tạo một thư mục mới và đặt tên riêng cho nó. Tôi gọi điện toán đám mây-sản phẩm-danh mục-trong-kho lưu trữ của tôi. Bên trong đó, tạo một tệp mới, một lần nữa với một tên duy nhất. Tôi đang sử dụng cùng một tên. sản phẩm trên nền tảng đám mây. php

Mở tệp của bạn và thêm mã này vào nó

In your plugin file, add this:
function cloudways_product_subcategories[ $args = array[] ] {
 
    }
add_action[ 'woocommerce_before_shop_loop', 'cloudways_product_subcategories', 50 ];
Bây giờ hãy thêm mã này vào bên trong hàm
$parentid = get_queried_object_id[];
         
$args = array[
    'parent' => $parentid
];
 
$terms = get_terms[ 'product_cat', $args ];
 
if [ $terms ] {
         
    echo '
';
     
        foreach [ $terms as $term ] {
                         
            echo '
';                 
                     
                woocommerce_subcategory_thumbnail[ $term ];
                 
                echo '
';
                    echo '';
                        echo $term->name;
                    echo '';
                echo '
';
                                                                     
            echo '
';
                                                                     
 
    }
     
    echo '
';
 
}
Đoạn mã trên xác định đối tượng được truy vấn hiện tại và xác định ID của nó là $parentid. Nó sử dụng get_terms[] để xác định các thuật ngữ với mục hiện được truy vấn là cấp độ gốc của chúng. Đối với mỗi cụm từ, nó hiển thị hình ảnh danh mục bằng cách sử dụng woocommerce_subcatgeory_thumbnail[], theo sau là tên danh mục trong một liên kết đến kho lưu trữ của nó
Trong thư mục plugin của bạn, hãy tạo một thư mục có tên là css và bên trong thư mục đó, hãy tạo một tệp có tên là style. css
Bây giờ trong tệp plugin của bạn có tên cloudways-product. php. Thêm đoạn mã sau
function cloudways_product_cats_css[] {
 
 
    wp_register_style[ 'cloudways_product_cats_css', plugins_url[ 'css/style.css', __FILE__ ] ];
 
 
    wp_enqueue_style[ 'cloudways_product_cats_css' ];
 
}
 
add_action[ 'wp_enqueue_scripts', 'cloudways_product_cats_css' ];
Trong đoạn mã trên, wp_register_style cho phép bạn thêm phong cách của riêng bạn. css có thể chứa mã CSS tùy chỉnh mà bạn có thể sử dụng để hiển thị các danh mục con.  

  






Q. Làm cách nào để tìm ID danh mục sản phẩm trong WooC Commerce?
Để tìm ID danh mục sản phẩm WooC Commerce, bạn cần truy cập Bảng điều khiển WooC Commerce → Sản phẩm → Danh mục → di chuột qua [tên danh mục] → nhấp vào [tên danh mục] hoặc nhấp vào Chỉnh sửa khi nó xuất hiện → tìm URL. Ví dụ. tag_ID=16 trong đó 16 là ID của danh mục

Q. Thuộc tính sản phẩm WooC Commerce là gì?
Thuộc tính sản phẩm là một tính năng bổ sung, cho phép bạn thêm kích thước, màu sắc sản phẩm, v.v. Để liên kết một sản phẩm với các thuộc tính của nó, bạn cần truy cập trang sản phẩm và tạo các biến thể sản phẩm
Q. Làm cách nào để thêm sản phẩm vào WooC Commerce?
Để thêm sản phẩm vào cửa hàng WooC Commerce, hãy chuyển đến Sản phẩm → Thêm mới. Tại đây bạn có thể thêm tất cả các chi tiết sản phẩm của mình như tiêu đề sản phẩm, mô tả, giá cả, hình ảnh, v.v.
Q. Một sản phẩm đơn giản trong WooC Commerce là gì?
Các sản phẩm đơn giản có một SKU và không có biến thể hoặc tính năng độc quyền nào khác. Ví dụ, một trang phục trống
Q. Sản phẩm biến đổi trong WooC Commerce là gì?
Trong một sản phẩm có thể thay đổi, bạn có nhiều biến thể/tùy chọn, mỗi biến thể có thể có SKU hoặc giá khác nhau. Ví dụ, một chiếc ghế có nhiều màu sắc và kích cỡ
Q. Làm cách nào để tạo một sản phẩm có thể thay đổi trong WooC Commerce?
Để thực hiện việc này, hãy truy cập WooC Commerce → Sản phẩm. Chọn nút Thêm sản phẩm hoặc Chỉnh sửa sản phẩm hiện có. Dữ liệu sản phẩm hiển thị. Chọn Sản phẩm biến đổi từ menu thả xuống Dữ liệu sản phẩm
Q. SKU trong WooC Commerce là gì?
“SKU” là mã định danh duy nhất mà bạn có thể tìm thấy theo hệ thống thông tin được sử dụng dưới tên “Số bộ phận” hoặc “ID sản phẩm”
Q. Làm cách nào để thay đổi giá của sản phẩm trong WooC Commerce?
Chuyển đến tab Sản phẩm. Chọn sản phẩm bạn muốn chỉnh sửa. Tiếp theo, vào bảng Product Data, chọn tab General. Cập nhật trường Giá thông thường hoặc trường Giá ưu đãi với một số
Q. Làm cách nào để hiển thị tất cả các sản phẩm trong WooC Commerce?
Chuyển đến WooC Commerce → Cài đặt, chọn tab Sản phẩm, sau đó chọn tùy chọn Hiển thị. Đối với mỗi tùy chọn Hiển thị Trang Cửa hàng và Hiển thị Danh mục Mặc định, hãy chọn Hiển thị sản phẩm. Lưu các thay đổi của bạn

  



Sự kết luận
Danh mục sản phẩm là một yếu tố đặc biệt của WooC Commerce, nhưng cách chúng được hiển thị nhìn chung không hoàn hảo. Trong hướng dẫn này, bạn đã tìm ra cách tạo plugin xuất danh mục sản phẩm hoặc danh mục phụ độc lập với danh sách sản phẩm và sau đó, bạn đã tạo kiểu cho danh sách danh mục của mình