Thêm mã vào tệp chủ đề con của bạn hoặc thông qua một plugin cho phép thêm các chức năng tùy chỉnh, chẳng hạn như plugin Đoạn mã. Tránh thêm mã tùy chỉnh trực tiếp vào tệp chủ đề mẹ của bạn vì mã này sẽ bị xóa hoàn toàn khi bạn cập nhật chủ đề.functions.php
functions.php
Xác định vị trí các lớp ‘đầu tiên’ và ‘cuối cùng’ được áp dụng trong kho lưu trữ sản phẩm.
Xin lưu ý rằng một số chủ đề của bên thứ ba có thể được mã hóa theo cách mà các đoạn mã bên dưới không ảnh hưởng đến bố cục. Trong trường hợp này, chúng tôi khuyên bạn nên liên hệ với tác giả chủ đề.
Chủ đề tùy chỉnh
Nếu bạn đang xây dựng một chủ đề, có thể hữu ích khi làm cho nó có thể cắm được cho các nhà phát triển khác. Khi được đưa vào chủ đề của bạn, các nhà phát triển khác sẽ có thể tùy chỉnh chức năng này.
/**
* Change number or products per row to 3
*/
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 products per row
}
}
Chủ đề của Woo
Nếu bạn đang sử dụng WooTheme thì mã này có thể đã được sử dụng trong chủ đề. Nó đã có thể cắm được, có nghĩa là bạn sẽ cần xác định lại chức năng trong tệp của mình (tốt nhất là trong chủ đề con) để ghi đè lên mặc định của chủ đề.functions.php
/**
* Override theme default specification for product # per row
*/
function loop_columns() {
return 5; // 5 products per row
}
add_filter('loop_shop_columns', 'loop_columns', 999);
Mã ngắn
Sử dụng các mã ngắn WooCommerce trên trang lưu trữ của bạn.
[ recent_products per_page="12" columns="5" ]
sẽ hiển thị các sản phẩm theo hàng 5 cột.
Cắm vào
Ngoài ra, bạn có thể muốn thử plugin WooCommerce Product Archive Customizer, bao gồm tùy chọn thay đổi số lượng sản phẩm được hiển thị trên mỗi hàng và hơn thế nữa.