Người Viết : ViKiMi Editor
Thực hiện tuỳ chỉnh số lượng hiển thị Sản phẩm liên quan, trên Trang Sản Phẩm WooCommerce
Có một điều chắc chắn rằng việc điều chỉnh số lượng hiển thị sản phẩm liên quan (Related Products) của WooCommerce thực sự tốt. Nếu bạn có thể chủ động Customize Sản phẩm liên quan và đồng thời điều chỉnh số lượng hiển thị sản phẩm liên quan của WooCommerce thì nó thực sự tốt, hữu ích cho bạn và gian hàng của bạn.
Vậy tại sao chúng ta lại quan tâm điều này?
– Trong phần trước, đã thực hiện cách lọc truy vấn các sản phẩm liên quan. Hiệu quả của nó rất tốt!
– Trong phần này, chúng ta sẽ thực hiện tuỳ chỉnh số lượng hiển thị sản phẩm liên quan của WooCommerce. Điều này cho phép chúng ta chủ động trong hiển thị, đồng thời có thể tạo ra các phân trang hiệu quả. Khi chúng ta điều chỉnh số lượng hiển thị sản phẩm liên quan tại Trang Sản Phẩm, tự động sẽ có phần phân trang dành cho sản phẩm liên quan.
Lợi ích khi thực hiện tuỳ chỉnh sản phẩm liên quan (Customize WooCommerce Related Product) thật sự sẽ rõ ràng. Nguyên nhân do mặc định WooCommerce chỉ cho phép hiển thị 2 sản phẩm liên quan. Đó là một hạn chế lớn, nếu chúng ta thực hiện thay đổi số lượng hiển thị của sản phẩm liên quan, chúng ta sẽ có lợi ích rất nhiều đó là hiển thị theo ý muốn và có thêm phân trang dành cho sản phẩm liên quan (Enable pagination for Related Products).
CHÚNG TA CÓ NHỮNG CÁCH THỰC HIỆN ĐỂ THAY ĐỔI SỐ LƯỢNG HIỂN THỊ SẢN PHẨM LIÊN QUAN :
A ) CÁCH 1 : Sử dụng mã lập trình để thay đổi số lượng hiển thị sản phẩm liên quan của WooCommerce
Để làm được điều này, chúng ta cần thêm đoạn mã Code sau đây vào file Function.php. Tất nhiên, bạn nên thay đổi tại Child Theme để đảm bảo an toàn khi cập nhật Theme của bạn (Nếu bạn sử dụng Code Snippets thì cũng tương tự về hiệu quả). Hoặc bạn có thể thay đổi ngay tại Theme, nhưng điều này không được khuyến cáo dùng.
/**
* Change number of related products output
*/
add_filter( ‘woocommerce_output_related_products_args’, ‘custom_related_products_args’, 20 );
function custom_related_products_args( $args ) {
$args[‘posts_per_page’] = 12;
// Thiết lập phân trang với : 12 sản phẩm trên 1 trang
$args[‘columns’] = 3;
// Thiết lập số lượng cột hiển thị là 3
return $args;
}
B ) CÁCH 2 : Sử dụng một Plugin miễn phí
Chúng ta, có thể thực hiện điều này với một Plugin miễn phí. Lựa chọn Booster for WooCommerce Plugin.
Đây là một Plugin miễn phí với nhiều tính năng giúp bạn có thể thiết kế một Shop Online trên nền tảng WooCommerce một cách dễ dàng.
Bước 1 : Thực hiện cài đặt và kích hoạt
Chúng ta truy cập Dashboard >> Plugins >> Add New
Thực hiện tìm kiếm Plugin : Booster for WooCommerce
Hình Ảnh :
Tiếp tục, cài đặt và kích hoạt để sử dụng.
Bước 2 : Thực hiện thiết lập số lượng hiển thị của sản phẩm liên quan trên trang Sản Phẩm
+ Truy cập WooCommerce >> Setting >> Booster
Hình Ảnh :
+ Tiếp theo chọn Products Tab >> Related Products
HÌnh Ảnh :
Tại đây, hãy nhập vào số lượng hiển thị sản phẩm liên quan và số cột hiển thị của sản phẩm liên quan trên trang Web.
+ Cuối cùng, đừng quên chọn Enable Mode. Điều này cho phép bật các thiết lập của bạn tại Shop Online.
Như vậy, bạn đã thực hiện thiết lập thành công số lượng hiển thị của sản phẩm liên quan của WooCommerce. Thật dễ dàng cho bất kỳ ai, dù có kỹ năng lập trình hay không. Nhờ thiết lập đơn giản này mà chúng ta sẽ có một Shop Online hiệu quả. Khách hàng tiềm năng của bạn sẽ dễ tiếp cận các dịch vụ của cửa hàng & dễ dàng hơn cho bạn khi SEO sản phẩm.
