Code thay đổi khoảng giá WooCommerce thành 1 giá sau khi lựa chọn biến thể

Với WooCommerce, chúng ta có thể dễ dàng thêm sản phẩm có nhiều biến thể thay đổi giá như màu sắc, kích cỡ, dung tích hay trọng lượng, kiểu dáng,.. Tuy nhiên, giá sản phẩm có nhiều biến thể được trình bày trong WooCommerce lại không rõ ràng, hiển thị một khoảng giá.

Đây là cách xử lý vấn đề với sản phẩm hiển thị khoảng giá.

Thêm đoạn code này vào file function.php của theme/child theme đang kích hoạt

//Thay thế giá cho sản phẩm có biến thể
// Nguồn: https://stackoverflow.com/revisions/61101012/1
// Thêm đoạn code này vào file function.php của theme/child theme đang kích hoạt

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );
function move_variations_single_price(){
  global $product, $post;
  if ( $product->is_type( 'variable' ) ) {
    add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );
  }
}

function replace_variation_single_price() {
  ?>
    <style>
      .woocommerce-variation-price {
        display: none;
      }
    </style>
    <script>
      jQuery(document).ready(function($) {
        var priceselector = '.product p.price';
        var originalprice = $(priceselector).html();

        $( document ).on('show_variation', function() {
          $(priceselector).html($('.single_variation .woocommerce-variation-price').html());
        });
        $( document ).on('hide_variation', function() {
          $(priceselector).html(originalprice);
        });
      });
    </script>
  <?php
}

//Thay thế giá cho sản phẩm có biến thể

// Nguồn: https://stackoverflow.com/revisions/61101012/1

// Thêm đoạn code này vào file function.php của theme/child theme đang kích hoạt

add_action( 'woocommerce_before_single_product', 'move_variations_single_price', 1 );

function move_variations_single_price(){

global $product, $post;

if ( $product->is_type( 'variable' ) ) {

add_action( 'woocommerce_single_product_summary', 'replace_variation_single_price', 10 );

}

function replace_variation_single_price() {

<style>

.woocommerce-variation-price {

display: none;

}

</style>

jQuery(document).ready(function($) {

var priceselector = '.product p.price';

var originalprice = $(priceselector).html();

$( document ).on('show_variation', function() {

$(priceselector).html($('.single_variation .woocommerce-variation-price').html());

});

$( document ).on('hide_variation', function() {

$(priceselector).html(originalprice);

});

</script>

<?php

}

Replace the Variable Price range by the chosen variation price in WooCommerce

Chia sẻ code, Hướng dẫn

Code thay đổi khoảng giá WooCommerce thành 1 giá sau khi lựa chọn biến thể

Để lại một bình luận Hủy

Main Headline

Smaller Headline

ĐĂNG KÝ NHẬN TƯ VẤN