2011-08-09 15:16:18 +00:00
|
|
|
jQuery.fn.animateHighlight = function(highlightColor, duration) {
|
|
|
|
var highlightBg = highlightColor || "#FFFF9C";
|
|
|
|
var animateMs = duration || 1500;
|
|
|
|
var originalBg = this.css("backgroundColor");
|
|
|
|
this.stop().css("background-color", highlightBg).animate({backgroundColor: originalBg}, animateMs);
|
|
|
|
};
|
|
|
|
|
|
|
|
jQuery(function(){
|
|
|
|
|
2011-08-16 14:06:08 +00:00
|
|
|
// Ajax add to cart
|
|
|
|
jQuery('.add_to_cart_button').live('click', function() {
|
|
|
|
|
|
|
|
// AJAX add to cart request
|
|
|
|
var thisbutton = jQuery(this);
|
|
|
|
|
|
|
|
if (thisbutton.is('.product_type_simple')) {
|
|
|
|
|
|
|
|
jQuery(thisbutton).addClass('loading');
|
|
|
|
|
|
|
|
var data = {
|
|
|
|
action: 'woocommerce_add_to_cart',
|
|
|
|
product_id: jQuery(thisbutton).attr('rel'),
|
|
|
|
security: params.add_to_cart_nonce
|
|
|
|
};
|
|
|
|
|
|
|
|
// Trigger event
|
|
|
|
jQuery('body').trigger('adding_to_cart');
|
|
|
|
|
|
|
|
// Block widget
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery('.widget_shopping_cart, .shop_table.cart').block({message: null, overlayCSS: {background: '#fff url(' + params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
|
2011-08-16 14:06:08 +00:00
|
|
|
|
|
|
|
jQuery.post( params.ajax_url, data, function(response) {
|
|
|
|
|
|
|
|
// Changes button classes
|
|
|
|
jQuery(thisbutton).addClass('added');
|
|
|
|
jQuery(thisbutton).removeClass('loading');
|
|
|
|
|
|
|
|
// Cart widget load
|
|
|
|
jQuery('.widget_shopping_cart:eq(0)').load( window.location + ' .widget_shopping_cart:eq(0) > *', function() {
|
|
|
|
jQuery('.widget_shopping_cart').unblock();
|
|
|
|
} );
|
|
|
|
|
2011-08-19 20:11:04 +00:00
|
|
|
// Cart load
|
|
|
|
jQuery('.shop_table.cart').load( window.location + ' .shop_table.cart:eq(0) > *', function() {
|
|
|
|
jQuery("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").addClass('buttons_added').append('<input type="button" value="+" id="add1" class="plus" />').prepend('<input type="button" value="-" id="minus1" class="minus" />');
|
|
|
|
jQuery('.shop_table.cart').unblock();
|
|
|
|
} );
|
|
|
|
|
2011-08-16 14:06:08 +00:00
|
|
|
// Trigger event so themes can refresh other areas
|
|
|
|
jQuery('body').trigger('added_to_cart');
|
|
|
|
|
|
|
|
// Get response
|
|
|
|
fragments = jQuery.parseJSON( response );
|
|
|
|
|
|
|
|
if (fragments) {
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery.each(fragments, function(key, value) {
|
2011-08-16 14:06:08 +00:00
|
|
|
jQuery(key).replaceWith(value);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2011-08-17 23:42:07 +00:00
|
|
|
// Orderby
|
|
|
|
jQuery('select.orderby').change(function(){
|
|
|
|
jQuery(this).closest('form').submit();
|
|
|
|
});
|
|
|
|
|
2011-08-09 15:16:18 +00:00
|
|
|
// Lightbox
|
|
|
|
jQuery('a.zoom').fancybox({
|
|
|
|
'transitionIn' : 'elastic',
|
|
|
|
'transitionOut' : 'elastic',
|
|
|
|
'speedIn' : 600,
|
|
|
|
'speedOut' : 200,
|
|
|
|
'overlayShow' : true
|
|
|
|
});
|
|
|
|
|
|
|
|
// Star ratings
|
|
|
|
jQuery('#rating').hide().before('<p class="stars"><span><a class="star-1" href="#">1</a><a class="star-2" href="#">2</a><a class="star-3" href="#">3</a><a class="star-4" href="#">4</a><a class="star-5" href="#">5</a></span></p>');
|
|
|
|
|
|
|
|
jQuery('p.stars a').click(function(){
|
|
|
|
jQuery('#rating').val(jQuery(this).text());
|
|
|
|
jQuery('p.stars a').removeClass('active');
|
|
|
|
jQuery(this).addClass('active');
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
// Price slider
|
|
|
|
var min_price = jQuery('.price_slider_amount #min_price').val();
|
|
|
|
var max_price = jQuery('.price_slider_amount #max_price').val();
|
|
|
|
|
|
|
|
if (params.min_price) {
|
|
|
|
current_min_price = params.min_price;
|
|
|
|
} else {
|
|
|
|
current_min_price = min_price;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (params.max_price) {
|
|
|
|
current_max_price = params.max_price;
|
|
|
|
} else {
|
|
|
|
current_max_price = max_price;
|
|
|
|
}
|
|
|
|
|
2011-08-17 23:42:07 +00:00
|
|
|
current_min_price = parseInt(current_min_price);
|
|
|
|
current_max_price = parseInt(current_max_price);
|
|
|
|
|
2011-08-09 15:16:18 +00:00
|
|
|
jQuery('.price_slider').slider({
|
|
|
|
range: true,
|
2011-08-17 23:42:07 +00:00
|
|
|
animate: true,
|
2011-08-09 15:16:18 +00:00
|
|
|
min: min_price,
|
|
|
|
max: max_price,
|
2011-08-17 23:42:07 +00:00
|
|
|
values: [current_min_price,current_max_price],
|
2011-08-09 15:16:18 +00:00
|
|
|
create : function( event, ui ) {
|
|
|
|
jQuery( ".price_slider_amount span" ).html( params.currency_symbol + current_min_price + " - " + params.currency_symbol + current_max_price );
|
|
|
|
jQuery( ".price_slider_amount #min_price" ).val(current_min_price);
|
|
|
|
jQuery( ".price_slider_amount #max_price" ).val(current_max_price);
|
|
|
|
},
|
|
|
|
slide: function( event, ui ) {
|
|
|
|
jQuery( ".price_slider_amount span" ).html( params.currency_symbol + ui.values[ 0 ] + " - " + params.currency_symbol + ui.values[ 1 ] );
|
|
|
|
jQuery( "input#min_price" ).val(ui.values[ 0 ]);
|
|
|
|
jQuery( "input#max_price" ).val(ui.values[ 1 ]);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Quantity buttons
|
2011-08-19 20:11:04 +00:00
|
|
|
jQuery("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").addClass('buttons_added').append('<input type="button" value="+" id="add1" class="plus" />').prepend('<input type="button" value="-" id="minus1" class="minus" />');
|
|
|
|
|
|
|
|
jQuery(".plus").live('click', function()
|
2011-08-09 15:16:18 +00:00
|
|
|
{
|
|
|
|
var currentVal = parseInt(jQuery(this).prev(".qty").val());
|
|
|
|
|
|
|
|
if (!currentVal || currentVal=="" || currentVal == "NaN") currentVal = 0;
|
|
|
|
|
|
|
|
jQuery(this).prev(".qty").val(currentVal + 1);
|
|
|
|
});
|
|
|
|
|
2011-08-19 20:11:04 +00:00
|
|
|
jQuery(".minus").live('click', function()
|
2011-08-09 15:16:18 +00:00
|
|
|
{
|
|
|
|
var currentVal = parseInt(jQuery(this).next(".qty").val());
|
|
|
|
if (currentVal == "NaN") currentVal = 0;
|
|
|
|
if (currentVal > 0)
|
|
|
|
{
|
|
|
|
jQuery(this).next(".qty").val(currentVal - 1);
|
2011-08-22 11:57:50 +00:00
|
|
|
}
|
2011-08-09 15:16:18 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
/* states */
|
|
|
|
var states_json = params.countries.replace(/"/g, '"');
|
|
|
|
var states = jQuery.parseJSON( states_json );
|
|
|
|
|
|
|
|
jQuery('select.country_to_state').change(function(){
|
|
|
|
|
|
|
|
var country = jQuery(this).val();
|
|
|
|
var state_box = jQuery('#' + jQuery(this).attr('rel'));
|
|
|
|
|
|
|
|
var input_name = jQuery(state_box).attr('name');
|
|
|
|
var input_id = jQuery(state_box).attr('id');
|
|
|
|
|
|
|
|
if (states[country]) {
|
|
|
|
var options = '';
|
|
|
|
var state = states[country];
|
|
|
|
for(var index in state) {
|
|
|
|
options = options + '<option value="' + index + '">' + state[index] + '</option>';
|
|
|
|
}
|
|
|
|
if (jQuery(state_box).is('input')) {
|
|
|
|
// Change for select
|
|
|
|
jQuery(state_box).replaceWith('<select name="' + input_name + '" id="' + input_id + '"><option value="">' + params.select_state_text + '</option></select>');
|
|
|
|
state_box = jQuery('#' + jQuery(this).attr('rel'));
|
|
|
|
}
|
|
|
|
jQuery(state_box).append(options);
|
|
|
|
} else {
|
|
|
|
if (jQuery(state_box).is('select')) {
|
|
|
|
jQuery(state_box).replaceWith('<input type="text" placeholder="' + params.state_text + '" name="' + input_name + '" id="' + input_id + '" />');
|
|
|
|
state_box = jQuery('#' + jQuery(this).attr('rel'));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}).change();
|
|
|
|
|
|
|
|
/* Tabs */
|
|
|
|
jQuery('#tabs .panel:not(#tabs .panel)').hide();
|
|
|
|
jQuery('#tabs li a').click(function(){
|
|
|
|
var href = jQuery(this).attr('href');
|
|
|
|
jQuery('#tabs li').removeClass('active');
|
|
|
|
jQuery('div.panel').hide();
|
|
|
|
jQuery('div' + href).show();
|
|
|
|
jQuery(this).parent().addClass('active');
|
|
|
|
jQuery.cookie('current_tab', href);
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
if (jQuery('#tabs li.active').size()==0) {
|
|
|
|
jQuery('#tabs li:first a').click();
|
|
|
|
} else {
|
|
|
|
jQuery('#tabs li.active a').click();
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Shipping calculator */
|
|
|
|
|
|
|
|
jQuery('.shipping-calculator-form').hide();
|
|
|
|
|
|
|
|
jQuery('.shipping-calculator-button').click(function() {
|
|
|
|
jQuery('.shipping-calculator-form').slideToggle('slow', function() {
|
|
|
|
// Animation complete.
|
2011-08-22 11:57:50 +00:00
|
|
|
});
|
2011-08-09 15:16:18 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
// Stop anchors moving the viewport
|
|
|
|
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery(".shipping-calculator-button").click(function() {return false;});
|
2011-08-09 15:16:18 +00:00
|
|
|
|
|
|
|
// Variations
|
|
|
|
|
|
|
|
function check_variations() {
|
|
|
|
|
|
|
|
var not_set = false;
|
|
|
|
|
|
|
|
jQuery('.variations select').each(function(){
|
|
|
|
if (jQuery(this).val()=="") not_set = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
jQuery('.variations_button, .single_variation').slideUp();
|
|
|
|
|
|
|
|
if (!not_set) {
|
|
|
|
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery('.variations').block({message: null, overlayCSS: {background: '#fff url(' + params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
|
2011-08-09 15:16:18 +00:00
|
|
|
|
|
|
|
var data = {
|
2011-08-10 17:11:11 +00:00
|
|
|
action: 'woocommerce_get_variation',
|
2011-08-09 15:16:18 +00:00
|
|
|
variation_data: jQuery('form.variations_form').serialize(),
|
|
|
|
security: params.get_variation_nonce
|
|
|
|
};
|
|
|
|
|
|
|
|
jQuery.post( params.ajax_url, data, function(response) {
|
|
|
|
|
|
|
|
var img = jQuery('div.images img:eq(0)');
|
|
|
|
var link = jQuery('div.images a.zoom');
|
|
|
|
var o_src = jQuery(img).attr('original-src');
|
|
|
|
var o_link = jQuery(link).attr('original-href');
|
|
|
|
|
|
|
|
if (response.length > 1) {
|
|
|
|
|
|
|
|
variation_response = jQuery.parseJSON( response );
|
|
|
|
|
|
|
|
var variation_image = variation_response.image_src;
|
|
|
|
var variation_link = variation_response.image_link;
|
|
|
|
|
|
|
|
jQuery('.single_variation').html( variation_response.price_html + variation_response.availability_html );
|
|
|
|
|
|
|
|
if (!o_src) {
|
|
|
|
jQuery(img).attr('original-src', jQuery(img).attr('src'));
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!o_link) {
|
|
|
|
jQuery(link).attr('original-href', jQuery(link).attr('href'));
|
|
|
|
}
|
|
|
|
|
|
|
|
if (variation_image.length > 1) {
|
|
|
|
jQuery(img).attr('src', variation_image);
|
|
|
|
jQuery(link).attr('href', variation_link);
|
|
|
|
} else {
|
|
|
|
jQuery(img).attr('src', o_src);
|
|
|
|
jQuery(link).attr('href', o_link);
|
|
|
|
}
|
|
|
|
|
|
|
|
jQuery('.variations_button, .single_variation').slideDown();
|
|
|
|
} else {
|
|
|
|
if (o_src) {
|
|
|
|
jQuery(img).attr('src', o_src);
|
|
|
|
jQuery(link).attr('href', o_link);
|
|
|
|
}
|
|
|
|
jQuery('.single_variation').slideDown();
|
|
|
|
jQuery('.single_variation').html( '<p>' + params.variation_not_available_text + '</p>' );
|
|
|
|
}
|
|
|
|
|
|
|
|
jQuery('.variations').unblock();
|
|
|
|
});
|
|
|
|
|
|
|
|
} else {
|
|
|
|
jQuery('.variations_button').hide();
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
jQuery('.variations select').change(function(){
|
|
|
|
check_variations();
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
if (params.is_checkout==1) {
|
|
|
|
|
|
|
|
var updateTimer;
|
|
|
|
|
|
|
|
function update_checkout() {
|
|
|
|
|
|
|
|
var method = jQuery('#shipping_method').val();
|
|
|
|
|
|
|
|
var country = jQuery('#billing-country').val();
|
|
|
|
var state = jQuery('#billing-state').val();
|
|
|
|
var postcode = jQuery('input#billing-postcode').val();
|
|
|
|
|
|
|
|
if (jQuery('#shiptobilling input').is(':checked') || jQuery('#shiptobilling input').size()==0) {
|
|
|
|
var s_country = jQuery('#billing-country').val();
|
|
|
|
var s_state = jQuery('#billing-state').val();
|
|
|
|
var s_postcode = jQuery('input#billing-postcode').val();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
var s_country = jQuery('#shipping-country').val();
|
|
|
|
var s_state = jQuery('#shipping-state').val();
|
|
|
|
var s_postcode = jQuery('input#shipping-postcode').val();
|
|
|
|
}
|
|
|
|
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery('#order_methods, #order_review').block({message: null, overlayCSS: {background: '#fff url(' + params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
|
2011-08-16 14:06:08 +00:00
|
|
|
|
|
|
|
var data = {
|
|
|
|
action: 'woocommerce_update_order_review',
|
|
|
|
security: params.update_order_review_nonce,
|
|
|
|
shipping_method: method,
|
|
|
|
country: country,
|
|
|
|
state: state,
|
|
|
|
postcode: postcode,
|
|
|
|
s_country: s_country,
|
|
|
|
s_state: s_state,
|
|
|
|
s_postcode: s_postcode
|
|
|
|
};
|
|
|
|
|
|
|
|
jQuery.post( params.ajax_url, data, function(response) {
|
|
|
|
|
|
|
|
jQuery('#order_methods, #order_review').remove();
|
|
|
|
jQuery('#order_review_heading').after(response);
|
|
|
|
jQuery('#order_review input[name=payment_method]:checked').click();
|
|
|
|
|
2011-08-09 15:16:18 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
jQuery(function(){
|
|
|
|
|
|
|
|
jQuery('p.password').hide();
|
|
|
|
|
|
|
|
jQuery('input.show_password').change(function(){
|
|
|
|
jQuery('p.password').slideToggle();
|
|
|
|
});
|
|
|
|
|
|
|
|
jQuery('div.shipping-address').hide();
|
|
|
|
|
|
|
|
jQuery('#shiptobilling input').change(function(){
|
|
|
|
jQuery('div.shipping-address').hide();
|
|
|
|
if (!jQuery(this).is(':checked')) {
|
|
|
|
jQuery('div.shipping-address').slideDown();
|
|
|
|
}
|
|
|
|
}).change();
|
|
|
|
|
|
|
|
if (params.option_guest_checkout=='yes') {
|
|
|
|
|
|
|
|
jQuery('div.create-account').hide();
|
|
|
|
|
|
|
|
jQuery('input#createaccount').change(function(){
|
|
|
|
jQuery('div.create-account').hide();
|
|
|
|
if (jQuery(this).is(':checked')) {
|
|
|
|
jQuery('div.create-account').slideDown();
|
|
|
|
}
|
|
|
|
}).change();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
jQuery('.payment_methods input.input-radio').live('click', function(){
|
|
|
|
jQuery('div.payment_box').hide();
|
|
|
|
if (jQuery(this).is(':checked')) {
|
|
|
|
jQuery('div.payment_box.' + jQuery(this).attr('ID')).slideDown();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
jQuery('#order_review input[name=payment_method]:checked').click();
|
|
|
|
|
|
|
|
jQuery('form.login').hide();
|
|
|
|
|
|
|
|
jQuery('a.showlogin').click(function(){
|
|
|
|
jQuery('form.login').slideToggle();
|
|
|
|
});
|
|
|
|
|
|
|
|
/* Update totals */
|
|
|
|
jQuery('#shipping_method').live('change', function(){
|
|
|
|
clearTimeout(updateTimer);
|
|
|
|
update_checkout();
|
|
|
|
}).change();
|
|
|
|
jQuery('input#billing-country, input#billing-state, #billing-postcode, input#shipping-country, input#shipping-state, #shipping-postcode').live('keydown', function(){
|
|
|
|
clearTimeout(updateTimer);
|
|
|
|
updateTimer = setTimeout("update_checkout()", '1000');
|
|
|
|
});
|
|
|
|
jQuery('select#billing-country, select#billing-state, select#shipping-country, select#shipping-state, #shiptobilling input').live('change', function(){
|
|
|
|
clearTimeout(updateTimer);
|
|
|
|
update_checkout();
|
|
|
|
});
|
|
|
|
|
|
|
|
/* AJAX Form Submission */
|
|
|
|
jQuery('form.checkout').submit(function(){
|
|
|
|
var form = this;
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery(form).block({message: null, overlayCSS: {background: '#fff url(' + params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
|
2011-08-09 15:16:18 +00:00
|
|
|
jQuery.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
url: params.checkout_url,
|
|
|
|
data: jQuery(form).serialize(),
|
|
|
|
success: function( code ) {
|
2011-08-10 17:11:11 +00:00
|
|
|
jQuery('.woocommerce_error, .woocommerce_message').remove();
|
2011-08-09 15:16:18 +00:00
|
|
|
try {
|
|
|
|
success = jQuery.parseJSON( code );
|
|
|
|
window.location = decodeURI(success.redirect);
|
|
|
|
}
|
|
|
|
catch(err) {
|
|
|
|
jQuery(form).prepend( code );
|
|
|
|
jQuery(form).unblock();
|
2011-08-22 11:57:50 +00:00
|
|
|
jQuery.scrollTo(jQuery(form).parent(), {easing:'swing'});
|
2011-08-09 15:16:18 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
dataType: "html"
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|