11/1/17

Hiển thị số % tiền tiết kiệm được trong WooCommerce

Thông thường khi bạn sử dụng WooCommerce để làm website bán hàng khi mà bạn có một giá khuyến mãi dành cho một sản phẩm nào đó. Bạn sẽ phải điền 2 khung giá như hình bên dưới:




Hiển thị số % tiền tiết kiệm được trong WooCommerceh được như hình dưới sau khi điền Regular

Price và Sale Price

Khi bạn sử dụng Sale Price tức là sản phẩm khuyến mãi thì ở ngoài trang chủ hoặc các trang sản phẩm nó sẽ chỉ hiển thị 2 mức giá, và kết quả mình được như hình dưới sau khi điền Regular Price và Sale Price



Như hình trên nó đang hiển thị mức giá hiện tại và mức giá thông thường ở ngoài, nhưng nếu bạn muốn thêm tính năng để người dùng biết họ tiết kiệm được bao nhiêu % thì làm thế nào bây giờ? Đơn giản thôi bạn chỉ cần điền thêm code bên dưới vào file functions.php mà theme bạn đang dùng:

add_filter( 'woocommerce_sale_price_html', 'woocommerce_custom_sales_price', 10, 2 );
function woocommerce_custom_sales_price( $price, $product ) {
$percentage = round( ( ( $product->regular_price - $product->sale_price ) / $product->regular_price ) * 100 );
return $price . sprintf( __(' Save %s', 'woocommerce' ), $percentage . '%' );
}

Và đây là kết quả sau khi mình đã sử dụng đoạn mã trên vào trong theme:


0 nhận xét: