5/5 - [8 bình chọn]
Có rất nhiều chức năng trong Woocommerce thực sự hỗ trợ chưa tốt lắm dành cho nhà bán hàng, thiết kế website khi làm thiếu mất thông tin hiển thị sản phẩm ở danh mục, trang chủ. Do đó, mình tổng hợp lại một số thông tin cần thiết hỗ trợ trang trí cho Woocommerce trở lên đẹp hơn.
- Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce
- Hướng dẫn tạo khung khuyến mãi đẹp trong Flatsome
- Hướng Dẫn Tùy Biến Font Chữ Flatsome Đơn Giản Nhất
Trong bài viết mình có tham khảo và sử dụng nguồn từ nhiều website khác nhau nhé.
- Code Tự Động Lưu Ảnh Vào Bài Viết WordPress
- Cách chèn bài viết liên quan vào giữa bài viết WordPress tự động
- Cập Nhật Ngày Tháng Năm Vào Tiêu Đề Bài Viết, Nội Dung Bài Viết
- Đồng bộ đơn hàng Woocommerce và Contact Form 7 về Sheet không cần plugin
- [Flatsome theme] Sticky Mobile Footer Menu
Tóm tắt ý chính
- 1. Cách sử dụng
- 2. Hiển thị giá thấp nhất trong khoảng giá của các biến thể Woocommerce
- 3. Code chuyển 0đ thành chữ Liên hệ
- 4. Chuyển giá thành Liên hệ khi hết hàng
- 5. Thay đổi khung giá tiền bắt mắt và hấp dẫn hơn trên trang sản phẩm Woocommerce
- 6. Hiển thị khung đánh giá sao dù chưa có đánh giá ở danh mục Woocommerce
- 7. Code việt hóa theme WordPress/Woocommerce không cần plugin từ khóa cơ bản
1. Cách sử dụng
Để sử dụng, các bạn copy đoạn code dưới đây vào file functions.php trong mục Giao diện => Sửa giao diện
Các bạn nên tạo Child Theme để sử dụng nhé, khi nếu như theme có update thì sẽ không bị mất các đoạn code đã ghi đè vào từ đó.
2. Hiển thị giá thấp nhất trong khoảng giá của các biến thể Woocommerce
add_filter[ 'woocommerce_variable_price_html', 'variation_price_format_min', 9999, 2 ];
function variation_price_format_min[ $price, $product ] {
$prices = $product->get_variation_prices[ true ];
$min_price = current[ $prices['price'] ];
$price = sprintf[ __[ 'Chỉ từ: %1$s', 'woocommerce' ], wc_price[ $min_price ] ];
return $price;
}
3. Code chuyển 0đ thành chữ Liên hệ
function devvn_wc_custom_get_price_html[ $price, $product ] {
if [ $product->get_price[] == 0 ] {
if [ $product->is_on_sale[] && $product->get_regular_price[] ] {
$regular_price = wc_get_price_to_display[ $product, array[ 'qty' => 1, 'price' => $product->get_regular_price[] ] ];
$price = wc_format_price_range[ $regular_price, __[ 'Free!', 'woocommerce' ] ];
} else {
$price = '' . __[ 'Liên hệ', 'woocommerce' ] . '';
}
}
return $price;
}
add_filter[ 'woocommerce_get_price_html', 'devvn_wc_custom_get_price_html', 10, 2 ];
4. Chuyển giá thành Liên hệ khi hết hàng
function devvn_oft_custom_get_price_html[ $price, $product ] {
if [ !is_admin[] && !$product->is_in_stock[]] {
$price = '' . __[ 'Liên hệ', 'woocommerce' ] . '';
}
return $price;
}
add_filter[ 'woocommerce_get_price_html', 'devvn_oft_custom_get_price_html', 99, 2 ];
5. Thay đổi khung giá tiền bắt mắt và hấp dẫn hơn trên trang sản phẩm Woocommerce
/*Sale price by devvn - levantoan.com*/
function devvn_price_html[$product, $is_variation = false]{
ob_start[];
if[$product->is_on_sale[]]:
?>
.devvn_single_price {
background-color: #199bc42e;
border: 1px dashed #199bc4;
padding: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 0 10px;
color: #000;
}
.devvn_single_price span.label {
color: #333;
font-weight: 400;
font-size: 14px;
padding: 0;
margin: 0;
float: left;
width: 82px;
text-align: left;
line-height: 18px;
}
.devvn_single_price span.devvn_price .amount {
font-size: 14px;
font-weight: 700;
color: #ff3a3a;
}
.devvn_single_price span.devvn_price del .amount, .devvn_single_price span.devvn_price del {
font-size: 14px;
color: #333;
font-weight: 400;
}
Giá:
Thị trường:
Tiết kiệm:
[%]
Giá:
Thị trường:
Tiết kiệm:
[%]