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

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

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

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