Làm cách nào để hiển thị giá chiết khấu trong WooC Commerce?

hướng dẫn trên YouTube

Thêm thông tin

Dưới đây là các bước để thêm huy hiệu giảm giá 100% cho sản phẩm bằng cách sử dụng PHP và plugin có tên “Đoạn mã” 1. Cài đặt plugin Đoạn mã trên trang web WordPress của bạn. Plugin này cho phép bạn thêm các đoạn mã tùy chỉnh vào trang web của mình mà không cần sửa đổi các chức năng của chủ đề. tập tin php 2. Truy cập “Đoạn trích” từ bảng điều khiển WordPress và nhấp vào nút “Thêm mới”. 3. Đặt tên cho đoạn trích của bạn và dán mã đính kèm và tùy chỉnh bằng cách sử dụng css đính kèm. 4. Chọn tùy chọn “Chạy đoạn mã ở mọi nơi” hoặc “Chạy đoạn mã trên các trang cụ thể” 5. Nhấp vào nút “Lưu thay đổi” và “Kích hoạt”. 6. Truy cập trang web của bạn và kiểm tra sản phẩm mà bạn muốn áp dụng huy hiệu giảm giá 100%, bạn sẽ thấy huy hiệu ngay bây giờ

Đăng nhập để truy cập đoạn mã

Tên người dùng hoặc Email *

Mật khẩu *

Chỉ điền nếu bạn không phải là con người

Giữ cho tôi đăng nhập

Đăng ký

Quên mật khẩu?

Bạn cũng thích điều này

★★★★★ 5/5

Cách tạo trang web WordPress cục bộ bằng XAMPP

Tìm hiểu thêm

Phần kết luận

Bạn có thể sử dụng hook bộ lọc “woocommerce_sale_flash” để thêm phần trăm chiết khấu tùy chỉnh trên huy hiệu bán hàng cho các sản phẩm trong trang web WordPress WooC Commerce. Điều này có thể được thực hiện bằng cách thêm một đoạn mã vào các chức năng. php của chủ đề của bạn hoặc sử dụng plugin như “Đoạn mã” để thêm mã. Điều này có thể hữu ích để hiển thị tỷ lệ chiết khấu chính xác trên huy hiệu giảm giá và làm cho nó hấp dẫn hơn đối với khách hàng

Được mặc định huy hiệu giảm giá Wooc Commerce chỉ hiển thị văn bản (“Giảm giá”) nhưng không có tùy chọn vượt trội nếu bạn muốn huy hiệu giảm giá hiển thị phần trăm chiết khấu. Ví dụ: thay vì nói "Giảm giá", bạn muốn hiển thị "- 40%"

Do đó, trong bài đăng này, tôi sẽ chỉ cho bạn cách hiển thị phần trăm chiết khấu trên huy hiệu bán hàng WooC Commerce

Mục lục

Băng hình. Làm cách nào để thêm Tỷ lệ phần trăm chiết khấu trên Huy hiệu giảm giá thương mại điện tử?

Làm cách nào để hiển thị Tỷ lệ phần trăm giảm giá trên Huy hiệu giảm giá (chỉ các sản phẩm đơn lẻ)?

Bước 1. Sao chép mã ở đây dưới đây

Bước 2. Thêm nó vào chức năng của bạn. tập tin php. Tùy chọn tốt hơn, cài đặt và thêm mã bằng cách sử dụng plugin Đoạn mã

add_action( 'woocommerce_sale_flash', 'sale_badge_percentage', 25 );
 
function sale_badge_percentage() {
   global $product;
   if ( ! $product->is_on_sale() ) return;
   if ( $product->is_type( 'simple' ) ) {
      $max_percentage = ( ( $product->get_regular_price() - $product->get_sale_price() ) / $product->get_regular_price() ) * 100;
   } elseif ( $product->is_type( 'variable' ) ) {
      $max_percentage = 0;
      foreach ( $product->get_children() as $child_id ) {
         $variation = wc_get_product( $child_id );
         $price = $variation->get_regular_price();
         $sale = $variation->get_sale_price();
         if ( $price != 0 && ! empty( $sale ) ) $percentage = ( $price - $sale ) / $price * 100;
         if ( $percentage > $max_percentage ) {
            $max_percentage = $percentage;
         }
      }
   }
   if ( $max_percentage > 0 ) echo "-" . round($max_percentage) . "%"; // If you would like to show -40% off then add text after % sign
}

Làm cách nào để hiển thị Tỷ lệ phần trăm chiết khấu trên Huy hiệu giảm giá cho các sản phẩm thay đổi, sản phẩm đơn lẻ và sản phẩm được nhóm?

Nếu bạn cần hiển thị phần trăm chiết khấu trên huy hiệu giảm giá cho cả sản phẩm biến đổi và sản phẩm giảm giá thì hãy sử dụng mã này

// Display the Woocommerce Discount Percentage on the Sale Badge for variable products and single products
add_filter( 'woocommerce_sale_flash', 'display_percentage_on_sale_badge', 20, 3 );
function display_percentage_on_sale_badge( $html, $post, $product ) {

  if( $product->is_type('variable')){
      $percentages = array();

      // This will get all the variation prices and loop throughout them
      $prices = $product->get_variation_prices();

      foreach( $prices['price'] as $key => $price ){
          // Only on sale variations
          if( $prices['regular_price'][$key] !== $price ){
              // Calculate and set in the array the percentage for each variation on sale
              $percentages[] = round( 100 - ( floatval($prices['sale_price'][$key]) / floatval($prices['regular_price'][$key]) * 100 ) );
          }
      }
      // Displays maximum discount value
      $percentage = max($percentages) . '%';

  } elseif( $product->is_type('grouped') ){
      $percentages = array();

       // This will get all the variation prices and loop throughout them
      $children_ids = $product->get_children();

      foreach( $children_ids as $child_id ){
          $child_product = wc_get_product($child_id);

          $regular_price = (float) $child_product->get_regular_price();
          $sale_price    = (float) $child_product->get_sale_price();

          if ( $sale_price != 0 || ! empty($sale_price) ) {
              // Calculate and set in the array the percentage for each child on sale
              $percentages[] = round(100 - ($sale_price / $regular_price * 100));
          }
      }
     // Displays maximum discount value
      $percentage = max($percentages) . '%';

  } else {
      $regular_price = (float) $product->get_regular_price();
      $sale_price    = (float) $product->get_sale_price();

      if ( $sale_price != 0 || ! empty($sale_price) ) {
          $percentage    = round(100 - ($sale_price / $regular_price * 100)) . '%';
      } else {
          return $html;
      }
  }
  return '' . esc_html__( 'up to -', 'woocommerce' ) . ' '. $percentage . ''; // If needed then change or remove "up to -" text
}

Các bản hack Wooc Commerce liên quan

• 12 mẹo và thủ thuật WooC Commerce hữu ích

• Làm cách nào để tùy chỉnh trang giỏ hàng Wooc Commerce?

• Làm cách nào để tùy chỉnh trang danh mục và cửa hàng Wooc Commerce?

• Cách tùy chỉnh Trang sản phẩm đơn thương mại điện tử. 14 thủ thuật hữu ích

• Làm cách nào để Tùy chỉnh trang Thanh toán Wooc Commerce?

• Cách tùy chỉnh Trang sản phẩm đơn thương mại điện tử. 14 thủ thuật hữu ích

Dưới đây là một số công cụ Wordpress yêu thích của tôi

Cảm ơn bạn đã đọc bài viết này. Tôi hy vọng bạn thấy nó hữu ích khi bạn xây dựng trang web và trang web thương mại điện tử của riêng mình. Dưới đây là một số công cụ tôi sử dụng với tư cách là nhà phát triển và người đam mê Wordpress mà tôi hy vọng bạn cũng sẽ thấy hữu ích

Đây là các liên kết liên kết, vì vậy nếu bạn quyết định sử dụng bất kỳ liên kết nào trong số chúng, tôi sẽ kiếm được hoa hồng và điều này giúp tôi tạo các hướng dẫn này và tạo video Youtube. Nhưng thành thật mà nói, đây là những công cụ chính xác mà tôi sử dụng và giới thiệu cho mọi người, ngay cả bạn bè và gia đình của tôi

chủ đề. Trong vài năm qua, tôi có hai chủ đề mà tôi sử dụng cho mọi loại dự án. Hai theme đó là Blocksy theme và Kadence Theme. Trên trang web này và kênh Youtube của tôi, bạn sẽ thấy rất nhiều hướng dẫn tôi đã thực hiện về chúng. Nếu bạn muốn được giảm giá 10% cho cả hai thì

• sử dụng liên kết này cho Blocksy (phiếu giảm giá 10% là WPSH10)
• liên kết này cho Kadence (tiết kiệm phiếu giảm giá 10% là SIMPLEHACKS)

Trình quản lý đoạn mã. WPCodeBox cho phép bạn thêm các đoạn mã vào trang web của mình. Ngoài ra, nó cho phép bạn xây dựng và quản lý thư viện Đoạn mã WordPress của mình trên đám mây. Bạn có thể lấy nó với chiết khấu 20% tại đây ( TIẾT KIỆM 20% Phiếu giảm giá. WPSH20)

biểu mẫu liên hệ. Có hàng trăm biểu mẫu liên hệ ngoài kia nhưng Biểu mẫu thông thạo là biểu mẫu tôi thích nhất. Nếu bạn cần giảm giá 20% thì hãy sử dụng liên kết này (phiếu giảm giá 20% tiết kiệm là WPSH20)

Tiện ích bổ sung Gutenberg. Nếu tôi cần một tiện ích bổ sung khối Gutenberg tốt thì Kadence Blocks là tiện ích tôi đã sử dụng nhiều nhất. Bạn sẽ được giảm giá 10% với phiếu giảm giá SIMPLEHACKS tại đây

Di chuyển trang web. Trong khi xây dựng một trang web, bạn có thể cần một plugin tốt có thể giúp bạn di chuyển, sao lưu, khôi phục và dàn trang web. Chà, WpVivid là cái tôi đã sử dụng trong vài năm qua. Nếu bạn sử dụng liên kết này cùng với phiếu giảm giá WPSH20, bạn sẽ được giảm giá 20%

Tiện ích mở rộng thương mại điện tử. Có rất nhiều tiện ích mở rộng Wooc Commerce mà tôi thực sự thích nhưng tiện ích thực sự nổi bật là Advanced Dynamic Pricing. Một lần nữa, bạn sẽ được giảm giá 20% nếu sử dụng liên kết này tại đây (phiếu giảm giá 20% là WPSH20)

Web hosting. Nếu bạn muốn có một dịch vụ lưu trữ đám mây được quản lý thực sự nhanh chóng và dễ sử dụng, thì tôi khuyên dùng Verpex Hosting (xem bài đánh giá của tôi tại đây). Nhân tiện, trang web này được lưu trữ trong Verpex. )

Để xem tất cả các đề xuất cập nhật nhất của tôi, hãy xem tài nguyên này mà tôi đã tạo cho bạn

Bạn có muốn cảm ơn tôi và mời tôi một cốc bia không?

Mọi đóng góp đều được hoan nghênh nhưng KHÔNG BAO GIỜ được yêu cầu. Thưởng thức công việc của tôi miễn phí nhưng nếu bạn muốn cảm ơn tôi và mua cho tôi một hoặc hai ly bia thì bạn có thể sử dụng biểu mẫu này ở đây bên dưới