woocommerce/assets/js/frontend/price-slider.js

jQuery(document).ready(function($) {
	
	// Get markup ready for slider
	$('input#min_price, input#max_price').hide();
	$('.price_slider, .price_label').show();
	
	// Price slider uses jquery ui
	var min_price = $('.price_slider_amount #min_price').attr('data-min');
	var max_price = $('.price_slider_amount #max_price').attr('data-max');
	
	current_min_price = parseInt(min_price);
	current_max_price = parseInt(max_price);
	
	if (woocommerce_price_slider_params.min_price) current_min_price = parseInt(woocommerce_price_slider_params.min_price);
	if (woocommerce_price_slider_params.max_price) current_max_price = parseInt(woocommerce_price_slider_params.max_price);
	
	$('body').bind('price_slider_create price_slider_slide', function( event, min, max ) {
		if (woocommerce_price_slider_params.currency_pos == "left") {
		
			$( ".price_slider_amount span.from" ).html( woocommerce_price_slider_params.currency_symbol + min );
			$( ".price_slider_amount span.to" ).html( woocommerce_price_slider_params.currency_symbol + max );
			
		} else if (woocommerce_price_slider_params.currency_pos == "left_space") {
			
			$( ".price_slider_amount span.from" ).html( woocommerce_price_slider_params.currency_symbol + " " + min );
			$( ".price_slider_amount span.to" ).html( woocommerce_price_slider_params.currency_symbol + " " + max );
			
		} else if (woocommerce_price_slider_params.currency_pos == "right") {
			
			$( ".price_slider_amount span.from" ).html( min + woocommerce_price_slider_params.currency_symbol );
			$( ".price_slider_amount span.to" ).html( max + woocommerce_price_slider_params.currency_symbol );
			
		} else if (woocommerce_price_slider_params.currency_pos == "right_space") {
			
			$( ".price_slider_amount span.from" ).html( min + " " + woocommerce_price_slider_params.currency_symbol );
			$( ".price_slider_amount span.to" ).html( max + " " + woocommerce_price_slider_params.currency_symbol );
			
		}
	});
	
	$('.price_slider').slider({
		range: true,
		animate: true,
		min: min_price,
		max: max_price,
		values: [current_min_price,current_max_price],
		create : function( event, ui ) {
			
			$( ".price_slider_amount #min_price" ).val(current_min_price);
			$( ".price_slider_amount #max_price" ).val(current_max_price);
			
			$('body').trigger('price_slider_create', [current_min_price, current_max_price]);
		},
		slide: function( event, ui ) {
			
			$( "input#min_price" ).val(ui.values[ 0 ]);
			$( "input#max_price" ).val(ui.values[ 1 ]);
			
			$('body').trigger('price_slider_slide', [ui.values[ 0 ], ui.values[ 1 ]] );
		},
		change: function( event, ui ) {
			
			$('body').trigger('price_slider_change', [ui.values[ 0 ], ui.values[ 1 ]] );
			
		},
	});
	
});