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

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).

Thay the nut Add to Cart thanh View Product trong WooCommerce

Thay the nut Add to Cart thanh View Product trong WooCommerce

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,…

Cách thay thế nút Add to Cart thành View Product trong WooCommerce

Để 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 xài.

//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 = __("View Product", "woocommerce");
$button_link = $product->get_permalink();
$button = '<a class="button" href="' . $button_link . '">' . $button_text . '</a>';
return $button;
}
}

Nếu bạn muốn thay nó bằng nút tiếng Việt là Xem sản phẩm thì sửa lại chỗ "View Product" thành “Xem sản phẩm" là được.

Rất nhanh gọn đúng không nào, nếu bạn thấy thủ thuật này hữu ích thì có thể chia sẻ với bạn bè hoặc có cách nào tốt hơn có thể chia sẻ bên dưới comment, cảm ơn bạn !

Chủ đề liên quan

  • Xem các bài viết chủ đề về Woocomere tại: hocban.vn/tag/woocommerce
  • Xem các bài viết chủ đề về Theme Storefont tại: hocban.vn/tag/storefront

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

guest
2 Comments
Inline Feedbacks
View all comments
việt <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">19</span><span style="color: #e91e63;">) </span>
Friend

Ad biết cách nào đế ô số lượng trong sản phẩm là menu thả xuống chứ ko phải khách tự điền ko ? Thank ad