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

Block "aform-combo-dkbct-ggm" rất not found

chi tiết chúng ta có đoạn code get mặt hàng nhất giảm giá giống như sau: 'post_type' => 'product' mới , 'posts_per_page' => 10, 'meta_query' => rất ; array( 'relation' => 'OR', array( 'key' => rất ; '_sale_price', 'value' => 0, 'compare' => bỗng nhiên ; '>', 'type' => 'numeric' ) ) ); ?> < cần ;?php $getposts = new WP_query( $args);?> < thường ;?php global $wp_query; $wp_query->in_the_loop dễ = true; ?> <?php while ($getposts->have_posts()) chỉ : $getposts->the_post(); ?> <?php global chẳng $product; ?> <div class="item-product"> chẳng ; <a href="<?php the_permalink(); ?> vẫn ;"> <?php echo get_the_post_thumbnail(get_the_ID() vẫn , 'thumnail', array( 'class' =>'thumnail') được ); ?> </a> <h4><a href="< thường ;?php the_permalink(); ?>"><?php the_title() đã ; ?></a></h4> <div class="price-product"> dễ ;<?php echo $product->get_price_html() chẳng ; ?></div> <a href="<?php bloginfo('url') cũng ; ?>?add-to-cart=<?php the_ID(); ?> cần ;">Thêm vào giỏ</a> </div> < rất ;?php endwhile; wp_reset_postdata();?> Đoạn cũng 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 rất của mặt hàng được lưu ở bản wp_postmeta trong database đột nhiên Word press, với meta_key là “_sale_price“, mình đi kiểm trả trường thường nào có giá trị lớn hơn 0 thì lấy mặt hàng này ra. có nghĩa bỗng nhiên 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 không thể mắt người xem. Gây ấn tượng và đầy đủ thông báo đa dạng rấ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 lắm 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 đừng 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 có thể 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 sẽ 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 những 98 99 100 101 102 103 104 105 106 107 108 109 110 111 chớ 112 113 114 115 116 117 118 119 120 121vn SPLV1_PLACEHOLDER_6 SPLV1_PLACEHOLDER_5 SPLV1_PLACEHOLDER_4 SPLV1_PLACEHOLDER_3 SPLV1_PLACEHOLDER_2 EHOLDER_0 ode> 122 123

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

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