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

22/03/2022

0 30 1 minute read

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

Thay thế nút Thêm vào giỏ hàng trong thanh Xem sản phẩm trong WooCommerce

Khi đó bạn chỉ trưng bày sản phẩm chứ không bán sản phẩm, nút Thêm vào giỏ hàng chẳng có ý nghĩa gì cả, thậm chí nó còn gây nhầm lẫn cho người dùng rằng họ đã đặt hàng. Đúng hơn, họ phải đặt hàng trên trang web bán sản phẩm, ví dụ ”Tiki.vn, Shopee, Sen Đỏ, Lazada, v.v.

Cách thay thế nút Thêm vào giỏ hàng để Xem sản phẩm trong WooCommerce

Để thực hiện việc này, hãy sao chép mã bên dưới và dán vào cuối tệp Functions.php chủ đề đang sử 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 = __("View Product", "woocommerce");
$button_link = $product->get_permalink();
$button = '<a class="button" href="' . $button_link . '">' . $button_text . '</a>';
return $button;
}
}

Nếu muốn thay bằng nút tiếng Việt. Xem sản phẩm sau đó sửa chữa nó "View Product" Pháo đài “Xem sản phẩm" là được.

Rất nhanh chóng phải không nào, nếu bạn thấy thủ thuật này hữu ích thì có thể chia sẻ cho bạn bè mình hoặc có cách nào hay hơn hãy chia sẻ ở phần bình luận bên dưới nhé, xin cảm ơn!

Chủ đề liên quan

Xem các bài viết về Woocomere trong: hocban.vn/tag/woocommerce
Xem các bài viết về Theme Storefont trong: hocban.vn/tag/storefront

4.7 / 5 – (3 phiếu bầu)

Marketing online

Thông tin thêm

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

#Thay #thế #nút #Add #Cart #thành #View #Product #trong #WooCommerce
[rule_3_plain] #Thay #thế #nút #Add #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
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,…
MỤC LỤC NỘI DUNG1 Cách thay thế nút Add to Cart thành View Product trong WooCommerce2 Chủ đề liên quan
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