Khi xây dựng website bán hàng bằng mã nguồn WordPress thì không thể thiếu WooCommerce. Đây là một plugin được sử dụng có khả tùy biến dễ dàng. Nếu bạn đang có ý định thiết kế một trang web bán sản phẩm online thì hãy tìm hiểu ngay một số Thủ thuật WooCommerce hay nhất dưới đây.

Các thủ thuật WooCommerce nên tham khảo

Các đoạn mã này bạn đều đưa hết vào trong file functions.php

Tùy biến trang single Single Product Page

1. Xóa hiển thị giá

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

2. Xóa hiển thị chuyên mục

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

3. Thêm giá liên hệ

function wc_custom_text( $post_excerpt )
{
$content = '<div class="sdt"><b>Giá liên hệ: <a style="color:#fff!important" href="tel:0123456789">0123456789</a></b></div>';
return $content.'<br>'.$post_excerpt;
}
add_filter('woocommerce_short_description', 'wc_custom_text', 10, 1);

4. Hiển thị nút mua hàng kể cả khi không thêm giá bán

function item_is_purchasable( $purchasable, $product ){
if( $product->get_price() == 0 )
$purchasable = true;
return $purchasable;
}
add_filter('woocommerce_is_purchasable','item_is_purchasable', 10, 2);

5. Thêm nút mua ngay vào Woocommerce

6. Sửa tiêu đề trong mô tả sản phẩm (edit product description heading)

add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

$tabs['additional_information']['title'] = __( 'Mô tả chi tiết' );
return $tabs;

}

7. Thay đổi text “add to cart ” hoặc “thêm vào giỏ”

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); 

function woo_custom_cart_button_text() {

return __( 'MUA NGAY', 'woocommerce' );
}

Đang cập nhật thêm…

Với những đoạn code tùy biến trên đây sẽ giúp bạn chỉnh sửa website bán hàng một cách dễ dàng nhất. Chúc bạn học Woocommerce hiệu quả với bài viết này.

https://rudrastyh.com/woocommerce/redirect-to-checkout-skip-cart.html