Hướng dẫn code tùy chỉnh sản phẩm liên quan trong wordpress

Chào các bạn! Bài viết này mình sẽ hướng dẫn các bạn cấu hình, tùy chỉnh sản phẩm liên quan trong wordpress khi dùng plugin woocommerce, phần cấu hình này rất hiệu quả cho các bạn làm đang học seo tại duy anh web sau này làm về website bán hàng nhé.

Như các bạn đã biết thì trong seo nói riêng hay trong Marketing Online nói chung thì việc điều hướng khách hàng, giữ chân khách hàng là rất là quan trọng. Vì vậy với những website về dịch vụ thì nhất thiết cần phải có bài viết liên quan, còn trong website bán hàng thì cần phải có sản phẩm liên quan để đa dạng sự lựa chọn hơn cho khách hàng, kéo theo đó thì khả năng mua hàng của khách hàng sẽ cao hơn.

tùy chỉnh sản phẩm liên quan trong wordpress

Hiện nay wordpress đang là một mã nguồn mở hỗ trợ seo tốt nhất với website dạng tin tức, nội dung. Tuy nhiên những năm trở lại đây thì mã nguồn này đang lấn sân sang lĩnh vực website bán hàng. Điển hình là hiện nay ngày càng có nhiều theme hỗ trợ bán hàng, hỗ trợ plugin woocommerce.

Code tùy chỉnh sản phẩm liên quan khi dùng plugin woocommerce

/**
 * WooCommerce Extra Feature
 * --------------------------
 *
 * Thiết lập số lượng sản phẩm có liên quan trên trang sản phẩm 
 * Thay đổi giá trị của riêng bạn cho ' posts_per_page '
 * Code bên dưới
 */
 
function woo_related_products_limit() {
global $product;
 
$args['posts_per_page'] = 12;
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
function jk_related_products_args( $args ) {
 
$args['posts_per_page'] = 12; // 12 related products
$args['columns'] = 4; // arranged in 4 columns
return $args;
}

Các bước thực hiện tùy chỉnh sản phẩm liên quan trong wordpress

Bước 1: Chuẩn bị một website có cài đặt plugin woocommerce.

Bước 2: Copy đoạn mã code trên vào file functions.php trong theme mà bạn đang sử dụng.

Bước 3: Tùy chỉnh số lượng, các hiển thị sao cho phù hợp với giao diện.

Các thông số:

$args[‘posts_per_page’] = 12; // 12 sản phẩm liên quan
$args[‘columns’] = 4; // Hiển thị với 4 cột

Rất đơn giản nhé – Dạy học seo Duy Anh Web chúc các bạn thành công

Hướng dẫn code tùy chỉnh sản phẩm liên quan trong wordpress
Đánh giá chất lượng bài viết

Trả lời