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

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! cần nhưng đôi khi, bạn chỉ cần copy và paste cũng có lẽ tùy biến được chẳng 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 rất là một custom post type, có type là product vì thế nhanh để get danh sách mặt hàng giảm giá chúng ta cũng dùng lại vòng lặp get post new WP_Query, cộng thêm một số thông dễ số khác để lấy chính xác mặt hàng giảm giá.

Block "aform-combo-dkbct-ggm" đừng not found

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

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

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

các bạn chỉ cần thêm đoạn thôi code sau vào functions.php của theme đang kích hoạt là được. Chú chỉ ý là code đã bao gồm css nếu không thích dạng này thì ngay 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 mất chỉ việc search file function.php của theme đang chưa 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 cũng file function.php. Tùy Word press theme sẽ có các vị trí file function ngay khác nhau. Thêm code tùy chỉnh vào sau thẻ <?php, cần để chậm 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 dễ .page/menu-widget-area/ https://sieutocviet nhanh .page/cai-https-cung-really-simple-ssl/ https://sieutocviet những .page/ui-ux-la-gi/