VietNetwork.Vn

Số lượng sản phẩm mặc định trong trang cửa hàng WooCommerce là 16, được trải rộng trên 4Hàng * 4Cột. Nếu bạn có nhiều sản phẩm trong cửa hàng WooCommerce của mình, bạn có thể đang tìm cách tùy chỉnh số lượng sản phẩm sẽ được hiển thị trên trang cửa hàng. Điều này có thể là do kích thước hình ảnh, widget hoặc các khía cạnh thiết kế khác của trang web của bạn.

Tuy nhiên, trong bài viết này, chúng tôi sẽ thảo luận về 4 phương pháp dễ dàng để đặt số lượng sản phẩm được hiển thị trên mỗi trang trong WooCommerce.

Bạn có thể sử dụng bất kỳ phương pháp nào trong bốn phương pháp sau:

• Cài đặt giao diện WooCommerce mặc định
• Cài đặt giao diện của bên thứ ba
• Đoạn mã
• Plugin WordPress miễn phí

Hãy để chúng ta tìm hiểu chi tiết từng phương pháp.

1. Cài đặt giao diện WooCommerce mặc định

Nếu bạn đang sử dụng các giao diện mặc định của WooCommerce như Twenty Seventeen, Twenty Nineteen, v.v., bạn có thể thay đổi số lượng sản phẩm trong cài đặt "WooCommerce" của giao diện.

Để thực hiện việc này, hãy nhấp vào cài đặt "Tùy chỉnh" trên menu tiêu đề trên cùng của WordPress, như thể hiện trong ảnh chụp màn hình bên dưới.


Bạn cũng có thể truy cập cài đặt này từ Giao diện > Tùy chỉnh.

Tiếp theo, nhấp vào cài đặt "WooCommerce" ở thanh bên trái và chuyển đến "Danh mục sản phẩm". Sau đó, bạn có thể cuộn xuống thanh bên trái để xem cài đặt "Sản phẩm trên mỗi hàng" và đặt số lượng sản phẩm trong mỗi hàng. Ngoài ra, bạn có thể chỉ định số hàng trên mỗi trang bằng cài đặt "Số hàng trên mỗi trang". Các cài đặt này sẽ giúp bạn thiết lập số lượng sản phẩm mong muốn trên mỗi trang.


2. Cài đặt giao diện của bên thứ ba

Nếu bạn cài đặt các giao diện của bên thứ ba khác, cài đặt WooCommerce mặc định được thảo luận ở trên có thể có hoặc không có sẵn cho giao diện của bạn. Điều này là do một số giao diện cung cấp cài đặt riêng để thay đổi số lượng sản phẩm trên mỗi trang.

Ví dụ: giao diện OceanWP cung cấp cài đặt này trong cài đặt WooCommerce > Archives > Shop Post Per Page, như được hiển thị bên dưới.


Không chỉ vậy, các giao diện của bên thứ ba này còn cung cấp các cài đặt bổ sung để tùy chỉnh sâu hơn.

3. Đoạn mã

Nếu giao diện của bạn không hiển thị cài đặt WooCommerce mặc định cũng như không cung cấp cài đặt tùy chỉnh để thay đổi số lượng sản phẩm, bạn có thể sử dụng một đoạn mã đơn giản và thêm nó vào tệp Chức năng giao diện (functions.php) của giao diện trang web đã kích hoạt của bạn.

Nếu bạn không chắc chắn về cách cập nhật các đoạn mã vào tệp này, hãy tham khảo bài viết của chúng tôi để được trợ giúp.

Sao chép đoạn mã dưới đây và dán vào cuối tệp tin.php.

// Change the Number of WooCommerce Products Displayed Per Page
add_filter( 'loop_shop_per_page', 'lw_loop_shop_per_page', 30 );

function lw_loop_shop_per_page( $products ) {
 $products = 12;
 return $products;
}
Trong đoạn mã trên, thay thế giá trị 12  bằng giá trị bạn chọn.

Nếu đoạn mã trên không phù hợp với bạn, bạn có thể sử dụng đoạn mã sau.

// Change the Number of WooCommerce Products Displayed Per Page
add_filter( 'loop_shop_per_page', create_function( '$products', 'return 12;' ), 30 );
Trong đoạn mã trên, hãy thay thế giá trị 12  bằng số lượng sản phẩm mong muốn.

Thay đổi số lượng cột trên mỗi trang

Mặc dù các đoạn mã được thảo luận trong các phần trên thay đổi số lượng sản phẩm, nhưng nó sẽ hiển thị ở số cột mặc định (3) trong trang cửa hàng. Nếu bạn muốn thay đổi điều này, bạn có thể thêm đoạn mã dưới đây vào tệp tin.php.

// Change the Number of Columns Displayed Per Page
add_filter( 'loop_shop_columns', 'lw_loop_shop_columns' );

function lw_loop_shop_columns( $columns ) {
 $columns = 5;
 return $columns;
}
Trong đoạn mã trên, hãy thay thế giá trị 5  bằng số cột mong muốn.

Để minh họa, nếu chúng tôi sử dụng bất kỳ một trong các đoạn mã để thay đổi số lượng sản phẩm (12) được thảo luận trong các phần trên và đoạn mã trên để thay đổi số lượng cột (5) trên mỗi trang, chúng tôi sẽ nhận được một trang cửa hàng như được hiển thị trong ảnh chụp màn hình bên dưới.


4. Plugin WordPress miễn phí

Một plugin như vậy được sử dụng để tùy chỉnh WooCommerce là  Woo Shortcodes Kit.


Plugin này cung cấp hơn 60 chức năng và mã ngắn để tùy chỉnh các khía cạnh khác nhau của trang web WooCommerce của bạn như menu, trang cửa hàng, trang tài khoản, tài khoản người dùng, quyền truy cập, hạn chế, trải nghiệm thanh toán, v.v.

Để thay đổi số lượng sản phẩm trên mỗi trang bằng plugin này, hãy tải xuống và cài đặt plugin và chuyển đến bảng điều khiển "Cài đặt" để bắt đầu, như minh họa trong ảnh chụp màn hình bên dưới.

• Cuộn xuống để tìm cài đặt "TÙY CHỈNH HOẶC XÂY DỰNG TRANG CỬA HÀNG CỦA BẠN". Nhấp vào nó để hiển thị các cài đặt phụ khác.
• Chuyển đổi cài đặt "Bật Trình quản lý sản phẩm trên mỗi trang".
• Tiếp theo, nhấp vào "Hiển thị tùy chọn nâng cao" ở góc dưới cùng bên phải của cài đặt tương ứng để hiển thị các cài đặt khác.
• Đặt số lượng sản phẩm trên mỗi trang trong trường văn bản đã cho.

Ảnh chụp màn hình của cài đặt mẫu được hiển thị bên dưới.


Trong ảnh chụp màn hình ở trên, số lượng sản phẩm trên mỗi trang được đặt thành 12. Bạn có thể thay đổi giá trị mong muốn. Nếu bạn đặt giá trị là -1, tất cả các sản phẩm sẽ được hiển thị trên cùng một trang bằng cách xóa phân trang.

Nếu bạn không muốn chạm vào các tệp của mình hoặc không thoải mái với các đoạn mã, bạn có thể sử dụng plugin để thực hiện công việc. Mặc dù plugin có thể giúp bạn tùy chỉnh, nhưng nó không phải là một tùy chọn phù hợp nếu bạn đã kích hoạt các plugin danh sách dài trong trang web của mình. Do đó, bạn chỉ nên sử dụng plugin nếu muốn tùy chỉnh nhiều hơn là chỉ thay đổi số lượng sản phẩm WooCommerce được hiển thị trên mỗi trang. Đối với trường hợp trước, tôi khuyên bạn nên chọn phương pháp đoạn mã.

Nếu bạn đã tìm thấy bất kỳ giải pháp, đoạn mã hoặc plugin nào khác phù hợp nhất với mình, hãy chia sẻ với chúng tôi trong nhận xét. Mặc dù tôi đã thử nghiệm tất cả các phương pháp được thảo luận nhưng tôi tò mò muốn biết liệu nó có hiệu quả với bạn hay không. Hãy cho tôi biết trong phần bình luận.