Promjena prikaza raspona cijena varijabilnih proizvoda

Iz iskustva mogu reći da klijenti većinom definiraju iste cijene za varijacije. U slučaju da nije tako, defaultni način prikaza raspona cijena varijacija je, po mom mišljenju, prilično loš.

Kako bi postigli funkcionalnost opisanu u videu, u functions.php svoje (child) teme dodajte sljedeći kod:

// Format price range
add_filter( 'woocommerce_format_price_range', 'mx_format_price_range', 10, 3 );
function mx_format_price_range( $price, $from, $to ) {
    return sprintf( '%s: %s', __( 'Od', 'woocommerce' ), wc_price( $from ) );
} 

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
}