- Xu
- 767,551,207
69582
124
Mặc định số cột sản phẩm WooCommerce chỉ là 4 sản phẩm trên 1 dòng.
Để tạo số cột sản phẩm theo ý muốn các có 2 cách:
Cách 1:
Đơn giản nhất là sử dụng plugin, tuy nhiên chỉ chỉnh được từ 2 -> 5 sản phẩm / 1 dòng.
WooCommerce Product Archive Customiser
Sau đó kích hoạt Plugin lên, vào Giao Diện > Tùy Chỉnh > Product Archive
Product Column: Số sản phẩm hiển thị trên 1 dòng
Products per page: Số sản phẩm hiển thị trên 1 trang
Cách 2:
Với theme bất kỳ, các bạn thêm code sau vào file functions.php
VỚi theme by Woo, thay 5 bằng số cột sản phẩm bạn muốn hiển thị trên 1 dòng
Để sửa số sản phẩm hiển thị ở mục Những sản phẩm liên quan:
Với posts_per_pape là tổng số sản phẩm, columns là số cột.
Quảng cáo:
VPS tốt nhất để làm website: Vultr, DigitalOcean
Để tạo số cột sản phẩm theo ý muốn các có 2 cách:
Cách 1:
Đơn giản nhất là sử dụng plugin, tuy nhiên chỉ chỉnh được từ 2 -> 5 sản phẩm / 1 dòng.
WooCommerce Product Archive Customiser
Sau đó kích hoạt Plugin lên, vào Giao Diện > Tùy Chỉnh > Product Archive
Product Column: Số sản phẩm hiển thị trên 1 dòng
Products per page: Số sản phẩm hiển thị trên 1 trang
Cách 2:
Với theme bất kỳ, các bạn thêm code sau vào file functions.php
Mã:
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // thay 3 bằng số cột sản phẩm bạn muốn hiển thị trên 1 dòng
}
}VỚi theme by Woo, thay 5 bằng số cột sản phẩm bạn muốn hiển thị trên 1 dòng
Mã:
// 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);Để sửa số sản phẩm hiển thị ở mục Những sản phẩm liên quan:
Mã:
function woocommerce_output_related_products() {
woocommerce_related_products(array('posts_per_page' => 3, 'columns' => 3));
}Với posts_per_pape là tổng số sản phẩm, columns là số cột.
Quảng cáo:
VPS tốt nhất để làm website: Vultr, DigitalOcean
Chỉnh sửa cuối:
