Hiển thị số lượng sản phẩm trên một hàng với woocommerce

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Hiển thị số lượng sản phẩm trên một hàng với woocommerce

Mặc định woocommerce hiển thị 4 mặt hàng trên một hàng với kích thước chiều rộng tối đa của website.
Thay đổi số lượng cột sản phẩm woocommerce

Nhưng nếu wordpress theme thiết kế giao diện theo kiểu responsive, sẽ hiển thị đa chủng loại tương thích trên rất nhiều thiết bị cho nhiều kích cỡ width khác nhau, khi đó woocommerce sẽ hiển thị con số mặt hàng căn cứ theo phạm vi co vào của theme.
so-luong-hang-cot-san-pham-woocommerce

Nhưng nếu theme không hỗ trợ giao diện responsive, dù web chạy trên mọi thiết bị có kích cỡ khác nhau thì con số cột mặt hàng liệt kê trong catelog hay page shop đều không thay đổi.
not-support-responsive

Thay đổi số lượng sản phẩm trên một hàng – woocommerce

Để thay đổi con số hiển thị các mặt hàng trên một hàng, chúng ta sử dụng hook loop_shop_columns .

 // Change number or products per row to 3 add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) { function loop_columns($num) { return 3; // 3 products per row } }  

Ví dụ trên mình chỉ định 3 sản phẩm trên một dòng. Kết quả:
grid-products-change-columns

Bạn sẽ thấy hook này được gọi trong template content-product.php để định vị số lượng cột trong danh sách liệt kê mặt hàng của woocomerce dạng GRID.
Tại dòng 22 trong file content-product.php

 $woocommerce_loop['columns']=apply_filters('loop_shop_columns',4);  

Bạn có thể sửa lại giá trị mặc định này.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dấu kênh chia sẻ kiến thức WordPress của TopVn trên Twitter và Facebook

Bài viết Hiển thị số lượng sản phẩm trên một hàng với woocommerce được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang