Hướng Dẫn Tạo 5 Cột Sản Phẩm Woocommerce Wordpress

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

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