Thay nút Add to Cart thành View Product trong WooCommerce

Ngày đăng: 18/03/2020
Cập nhật: 24/08/2021

Có một vấn đề gặp phải với các anh em sử dụng WooCommerce để “trưng bày” các mặc hàng khi làm site tiếp thị liên kết (affiliate), đó là không biết làm thế nào để bỏ cái nút Add to Cart (Thêm vào giỏ hàng) hoặc là thay thế nó bằng nút View Product (Xem sản phẩm).

Khi đó bạn chỉ trưng bày sản phẩm thôi chứ đâu có bán, nút Add to Cart không có ý nghĩa gì cả, thậm chí nó còn khiến người dùng nhầm lẫn là họ đã đặt hàng. Mà đúng ra là họ phải đặt hàng trên website có bán sản phẩm đó mới đúng, ví dụ” Tiki.vn, Shopee, Sen Đỏ, Lazada,…

Để thực hiện việc thay thế này, bạn copy đoạn code dưới đây, đem dán vào phía dưới cùng của file Functions.php theme đang dùng.

//THAY THE NUT ADD TO CART BANG NUT VIEW PRODUCT
add_filter( 'woocommerce_loop_add_to_cart_link', 'ts_replace_add_to_cart_button', 10, 2 );
function ts_replace_add_to_cart_button( $button, $product ) {
if (is_product_category() || is_shop()) {
$button_text = __("Xem sản phẩm", "woocommerce");
$button_link = $product->get_permalink();
$button = '<a class="button" href="' . $button_link . '">' . $button_text . '</a>';
return $button;
}
}

Rất dễ đúng không nè, chúc bạn thành công!