Thay đổi style hiển thị giảm giá trong woocommerce

Woocommerce không tính phí và dễ dàng nhất đưa cho ai cũng thường dùng, do vậy nó sẽ nắm tới vô tận công dụng thừa cũng giống như những gây dựng không hợp ý rộng rãi dễ cả chưa người.

hướng dẫn cụ thể mới quá luôn thay thế bởi lại ngay đừng style giảm giá trong Woocommerce

Để tùy biến Woo theo mong muốn bạn sẵn sàng chậm những có lẽ biết lập trình cần sẽ đừng! nhưng đôi khi, bạn chỉ cần copy và paste cũng có thể tùy biến được một số tùy chỉnh

Hiển thị mặt hàng ưu đãi rất sẽ thường WooCommerce

Phần món đồ trong plugin WooCommerce là một custom post type, có type là product vì thế để get danh sách sản phẩm nhanh ngay thôi giảm giá chúng ta cũng dùng vòng lặp get post new WP_Query, cộng thêm một số thông số khác để lấy đúng đắn sản phẩm dễ sẽ không thể ưu đãi lại vẫn có thể.

Block "aform-combo-dkbct-Google dễ cả chưam" not found

chi tiết chúng ta có đoạn lập trình cần ngay không thể get sản phẩm cần những có thể giảm giá như sau: 'post_type' => 'product', 'posts_per_page' => 10, 'meta_query' => array( 'relation' => 'OR', array( 'key' => '_sale_price', 'value' => 0, 'compare' => '>', 'type' => 'numeric' ) ) ); ?> <?php $getposts = new WP_query( $args);?> <?php global $wp_query; $wp_query->in_the_loop = true; ?> <?php while ($getposts->have_posts()) : $getposts->the_post(); ?> <?php global $product; ?> <div class="item-product"> <a href="<?php the_permalink(); ?>"> <?php etặng rất vẫn chưa get_the_post_thumbnail(get_the_ID(), 'thumnail', array( 'class' =>'thumnail') ); ?> </a> <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4> <div class="price-product"><?php eđưa cho $product->get_price_html(); ?></div> <a href="<?php bloginfo('url'); ?>?add-to-cart=<?php the_ID(); ?>">Thêm vào giỏ</a> </div> <?php endwhile; wp_reset_postdata();?> Đoạn lập trình rất cũng thôi trên mình get ra 10 mặt hàng khuyến mãi. Giải thích chuyên sâu Giá giảm của mặt hàng được lưu ở bản wp_postmeta trong database Wp chậm sẽ đừng, với meta_key là “_sale_price“, mình đi kiểm trả trường nào có giá trị lớn hơn 0 thì lấy món đồ này ra. sở hữu lại ngay thường nghĩa với việc sản phẩm dễ rất không thể đó là món đồ giảm giá.

lập trình rất ngay luôn thay đổi cũ đang được hiển thị ưu đãi mới không chớ trong woocommerce:

code dưới đây giúp bạn chuyển đổi cách hiển thị ưu đãi chậm vẫn có thể một cách bắt mắt người xem. Gây ấn tượng và đầy đủ thông báo nhiều mà quý khách cũ vẫn có lẽ cần biết.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/*Sale price by devvn - levantoan.com*/
function devvn_price_html($product, $is_variation = false)
ob_start();
if($product->is_on_sale()):
?>
<style>
.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;
rất
.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;
chỉ
.devvn_single_price span.devvn_price .amount
font-size: 14px;
font-weight: 700;
color: #ff3a3a;
thường
.devvn_single_price span.devvn_price del .amount, .devvn_single_price span.devvn_price del
font-size: 14px;
color: #333;
font-weight: 400;
thường
</style>
<?php
endif;
if($product->is_on_sale() && ($is_variation $product->is_type('simple') $product->is_type('external')))
$sale_price = $product->get_sale_price();
$regular_price = $product->get_regular_price();
if($regular_price)
$sale = round(((floatval($regular_price) - floatval($sale_price)) / floatval($regular_price)) * 100);
$sale_amout = $regular_price - $sale_price;
?>
<div class="devvn_single_price">
<div>
<span class="label">Giá:</span>
<span class="devvn_price"><?php echo wc_price($sale_price); ?></span>
</div>
<div>
<span class="label">Thị trường:</span>
<span class="devvn_price"><del><?php etặng dễ rất không thể wc_price($regular_price); ?></del></span>
</div>
<div>
<span class="label">Tiết kiệm:</span>
<span class="devvn_price sale_amount"> <?php eđưa cho wc_price($sale_amout); ?> (<?php echo $sale; ?>%)</span>
</div>
</div>
<?php
chính
elseif($product->is_on_sale() && $product->is_type('variable'))
$prices = $product->get_variation_prices( true );
if ( empty( $prices['price'] ) )
$price = apply_filters( 'woocommerce_variable_empty_price_html', '', $product );
nhanh else
$min_price = current( $prices['price'] );
$max_price = end( $prices['price'] );
$min_reg_price = current( $prices['regular_price'] );
$max_reg_price = end( $prices['regular_price'] );
if ( $min_price !== $max_price )
$price = wc_format_price_range( $min_price, $max_price ) . $product->get_price_suffix();
hữu ích elseif ( $product->is_on_sale() && $min_reg_price === $max_reg_price )
$sale = round(((floatval($max_reg_price) - floatval($min_price)) / floatval($max_reg_price)) * 100);
$sale_amout = $max_reg_price - $min_price;
?>
<div class="devvn_single_price">
<div>
<span class="label">Giá:</span>
<span class="devvn_price"><?php etặng dễ không chớ wc_price($min_price); ?></span>
</div>
<div>
<span class="label">Thị trường:</span>
<span class="devvn_price"><del><?php etặng rất không chớ wc_price($max_reg_price); ?></del></span>
</div>
<div>
<span class="label">Tiết kiệm:</span>
<span class="devvn_price sale_amount"> <?php eđưa cho wc_price($sale_amout); ?> (<?php etặng nhất cả đừng $sale; ?>%)</span>
</div>
</div>
<?php
chưa else
$price = wc_price( $min_price ) . $product->get_price_suffix();
chưa
etặng lại đích thường $price;
else ?>
<p class="<?php etặng dễ ngay luôn esc_attr( apply_filters( 'woocommerce_product_price_class', 'price' ) );?>"><?php echo $product->get_price_html(); ?></p>
<?php có thể
return ob_get_clean();
function woocommerce_template_single_price()
global $product;
echo devvn_price_html($product);
hữu ích
add_filter('woocommerce_available_variation','devvn_woocommerce_available_variation', 10, 3);
function devvn_woocommerce_available_variation($args, $thisC, $variation)
$old_price_html = $args['price_html'];
if($old_price_html)
$args['price_html'] = devvn_price_html($variation, true);
rất
return $args;
quý khách nhất chẳng thôi chỉ sẵn sàng nhanh đang bỗng nhiên thêm đoạn lập trình chậm rất không thể sau vào functions.php của theme đang kích hoạt là được. Chú ý là lập trình cũ đã được đã bao gồm css nếu không thích dạng này thì tự đổi thay lại.

Cách tùy chỉnh function.php để đổi thay style hiển thị của woocommerce trong Wp mới chỉ mất

Tùy chỉnh function.php trong Word press khá đơn giản, bạn chỉ việc tìm file function.php của theme đang dùng và thêm code vào đó. Khuyến cáo: cần dùng Child theme để tinh chỉnh. Bạn vào Word press người quản lý -> Giao diện -> Sửa (giao diện) và search file function.php. Tùy Wp nhanh rất đừng theme sẽ sở hữu nhanh không luôn các vị trí file function khác nhau. Thêm lập trình chậm vẫn bỗng nhiên tùy chỉnh vào sau thẻ <?php, nên để dưới cuối của file. function.phpTrước khi tùy biến, xin lưu ý: “backup web hoặc thực hiện dễ không thôi demo trên local host, ít nhất cũng đánh dấu file function.php nguyên bản đã nhé. Đừng dại mà ném toẹt code ngay vào web site chính!”

kết quả: Tận hưởng kết quả thôi!

Xem các nội dung bài viết dễ sẽ không thể liên quan: https://sieutocviet.page/menu-widget-area/ https://sieutocviet.page/cai-https-cung-really-simple-ssl/ https://sieutocviet.page/ui-ux-la-gi/
3/5 - (2 votes)
Popup lightboxĐổi thay font chữ trên flatsometạo thanh sidebar cho web sitesite

Hướng dẫn thay đổi code style hiển thị giảm giá woocommerce

Dữ liệu không tồn tại cho domain này. (Dữ liệu không tồn tại cho domain này.)

Dữ liệu không tồn tại cho domain này.