Woocommerce free và dễ dàng nhất cho ai cũng có lẽ vẫn dùng, do vậy nó sẽ có rất nhiều chức năng thừa cũng thôi giống như những gây dựng không hợp ý đa dạng người đừng .

có các hướng dẫn chuyển hướng style giảm giá trong Woocommerce

Để tùy biến Woo theo mong muốn bạn cần biết code! chớ nhưng đôi khi, bạn chỉ cần copy và paste cũng có lẽ tùy biến được ngay một số tùy chỉnh

Hiển thị mặt hàng giảm giá WooCommerce

Phần mặt hàng trong plugin WooCommerce dễ là một custom post type, có type là product vì thế mới để get danh sách mặt hàng giảm giá chúng ta cũng dùng thường vòng lặp get post new WP_Query, cộng thêm một số thông cũng số khác để lấy chính xác mặt hàng giảm giá.

Block "aform-combo-dkbct-ggm" những not found

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

code chuyển đổi hiển thị giảm giá trong woocommerce:

code dưới chính đây giúp bạn chuyển đổi cách hiển thị giảm giá một cách bắt không mắt người xem. Gây ấn tượng và đầy đủ thông báo đa dạng luôn mà khách cần biết.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 có lẽ 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 chậm 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 chậm 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 ngay 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 không 98 99 100 101 102 103 104 105 106 107 108 109 110 111 sẽ 112 113 114 115 116 117 118 119 120 121bằng tay SPLV1_PLACEHOLDER_5 SPLV1_PLACEHOLDER_4 SPLV1_PLACEHOLDER_3 SPLV1_PLACEHOLDER_2 SPLV1_PLACEHOLDER_1 SPLV1_PLACEHOLDER_0 ode> 122 123

/*Sale vẫn price by devvn - levantoan.com*/ function devvn_price_html( rất $product, $is_variation = false) ob_start(); chỉ if($product->is_on_sale()): ?> <style> thường ; .devvn_single_price background-color: #199bc42e không thể ; border: 1px dashed #199bc4; padding: 10px; border-radius: rất 3px; -moz-border-radius: 3px; -webkit-border-radius: chưa 3px; margin: 0 0 10px; color: #000; rất .devvn_single_price chưa span.label color: #333; font-weight: 400; font-size: mới 14px; padding: 0; margin: 0; float: left; width: thôi 82px; text-align: left; line-height: 18px; chỉ mất .devvn_single_price span.devvn_price .amount những font-size: 14px; font-weight: 700; color: #ff3a3a chẳng ; thường .devvn_single_price span.devvn_price cả del .amount, .devvn_single_price span.devvn_price rất del font-size: 14px; color: #333; font-weight: cả 400; thường </style> <?php endif; if dễ ($product->is_on_sale() && ($is_variation bỗng nhiên $product->is_type('simple') $product-> rất ;is_type('external'))) $sale_price = $product lại ->get_sale_price(); $regular_price = $product thôi ->get_regular_price(); if($regular_price cũ ) $sale = round(((floatval($regular_price) - chỉ floatval($sale_price)) / floatval($regular_price chậm )) * 100); $sale_amout = $regular_price - $sale_price mới ; ?> <div class="devvn_single_price"> đừng ; <div> <span class="label">Giá:< mới ;/span> dù thế < không thể ;span class="devvn_price"><?php echo chớ wc_price($sale_price); ?></span> cả </div> <div> <span class="label" sẽ >Thị trường:</span> <span class cần ="devvn_price"><del><?php echo thường wc_price($regular_price); ?></del> ngay ;</span> </div> <div> < mất ;span class="label">Tiết kiệm:</span> đột nhiên ; <span class="devvn_price sale_amount"> chính ; <?php echo wc_price($sale_amout); ?> chính (<?php echo $sale; ?>%)</span> < chớ ;/div> </div> <?php chính elseif những ($product->is_on_sale() && $product cả ->is_type('variable')) $prices = $product rất ->get_variation_prices( true ); if ( empty cần ( $prices['price'] ) ) $price = apply_filters( đang 'woocommerce_variable_empty_price_html', chính '', $product ); nhanh else $min_price = current( mới $prices['price'] ); $max_price = end( $prices dễ ['price'] ); $min_reg_price = current( $prices cũ ['regular_price'] ); $max_reg_price = end( $prices chưa ['regular_price'] ); if ( $min_price !== $max_price đột nhiên ) $price = wc_format_price_range( $min_price luôn , $max_price ) . $product->get_price_suffix() chỉ ; hữu ích elseif ( $product->is_on_sale() & được ;& $min_reg_price === $max_reg_price ) $sale đang = round(((floatval($max_reg_price) - floatval nhất ($min_price)) / floatval($max_reg_price)) * đã 100); $sale_amout = $max_reg_price - $min_price đừng ; ?> <div class="devvn_single_price"> chỉ ; <div> <span class="label">Giá:< chẳng ;/span> <span class="devvn_price"> cũ ;<?php echo wc_price($min_price); ?>< mới ;/span> </div> <div> <span nhất class="label">Thị trường:</span> rất <span class="devvn_price"><del> dễ ;<?php echo wc_price($max_reg_price); ?> chỉ ;</del></span> </div> < bỗng nhiên ;div> <span class="label">Tiết kiệm:< thường ;/span> <span class="devvn_price sale_amount" chớ > <?php echo wc_price($sale_amout); ?> mới ; (<?php echo $sale; ?>%)</span> chẳng </div> </div> <?php chưa else ngay $price = wc_price( $min_price ) . $product-> mới ;get_price_suffix(); chưa echo $price; else ? đột nhiên > <p class="<?php echo esc_attr( apply_filters( dễ 'woocommerce_product_price_class', 'price' lại ) );?>"><?php echo $product->get_price_html() thường ; ?></p> <?php có lẽ return ob_get_clean() vẫn ; function woocommerce_template_single_price() chớ global $product; echo devvn_price_html($product những ); hữu ích add_filter('woocommerce_available_variation' dễ ,'devvn_woocommerce_available_variation' mới , 10, 3); function devvn_woocommerce_available_variation( cần $args, $thisC, $variation) $old_price_html = cũ $args['price_html']; if($old_price_html) $args thường ['price_html'] = devvn_price_html($variation cũ , true); rất return $args;

các bạn chỉ cần thêm đoạn dễ code sau vào functions.php của theme đang kích hoạt là được. Chú cũng ý là code đã bao gồm css nếu không thích dạng này thì có lẽ tự chuyển đổi lại.

Cách tùy chỉnh function.php để chuyển đổi style hiển thị của woocommerce trong Word press

Tùy chỉnh function.php trong Word press khá dễ dàng, bạn luôn chỉ việc search file function.php của theme đang dễ dùng và thêm code vào đó. Khuyến cáo: cần dùng Child theme để luôn tinh chỉnh. Bạn vào Word press admin -> Giao diện -> Sửa (giao diện) và search đột nhiên file function.php. Tùy Word press theme sẽ có các vị trí file function cũ khác nhau. Thêm code tùy chỉnh vào sau thẻ <?php, cần để rất dưới cuối của file. Trước khi tùy biến, xin lưu ý: “backup trang web hoặc làm chạy thử 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 trang web chính!”

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

Xem các bài viết liên quan: https://sieutocviet lại .page/menu-widget-area/ https://sieutocviet dễ .page/cai-https-cung-really-simple-ssl/ https://sieutocviet luôn .page/ui-ux-la-gi/