Edit

Editing: woocommerce-mod.js

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

cart_improvement_functions();
	cart_dropdown_improvement();
	track_ajax_add_to_cart();
	
	if(jQuery.fn.avia_sc_slider)
	{								
		jQuery(".shop_slider_yes ul").avia_sc_slider({appendControlls:false, group:true, slide:'.product', arrowControll: true, autorotationInterval:'parent'});
	}
	
	
	//make woocommerce 3.6 gallery search icon clickable and open lightbox
	jQuery( 'body.single-product' ).on( 'click', '.single-product-main-image .avia-wc-30-product-gallery-lightbox', function( e ){
		e.preventDefault();
		var clicked = $(this), container = clicked.parents('.single-product-main-image');
		container.find('.flex-active-slide a.lightbox-added').eq(0).trigger('click');
	});
	
	
	product_add_to_cart_click();
	
	
	function avia_apply_quant_btn()
	{
		jQuery(".quantity input[type=number]").each(function() {
		var number = $(this),
				max = parseFloat( number.attr( 'max' ) ),
				min = parseFloat( number.attr( 'min' ) ),
				step = parseInt( number.attr( 'step' ), 10 ),
				newNum = jQuery(jQuery('<div />').append(number.clone(true)).html().replace('number','text')).insertAfter(number);
				number.remove();
	
			setTimeout(function(){
				if(newNum.next('.plus').length === 0) {
					var minus = jQuery('<input type="button" value="-" class="minus">').insertBefore(newNum),
							plus    = jQuery('<input type="button" value="+" class="plus">').insertAfter(newNum);
		
					minus.on('click', function(){
						var the_val = parseInt( newNum.val(), 10 ) - step;
						the_val = the_val < 0 ? 0 : the_val;
						the_val = the_val < min ? min : the_val;
						newNum.val(the_val).trigger("change");
					});
					plus.on('click', function(){
						var the_val = parseInt( newNum.val(), 10 ) + step;
						the_val = the_val > max ? max : the_val;
						newNum.val(the_val).trigger("change");
		
					});
				}
			},10);
		
		});
	}
	
	avia_apply_quant_btn();
	
	//if the cart gets updated via ajax (woocommerce 2.6 and higher) we need to re apply the +/- buttons
	$( document ).on( 'updated_cart_totals', avia_apply_quant_btn );
	
	setTimeout(first_load_amount, 10);
	$('body').on( 'added_to_cart', update_cart_dropdown );
	$('body').on( 'wc_fragments_refreshed', avia_cart_dropdown_changed );
	
		
	// small fix for the hover menu for woocommerce sort buttons since it does no seem to work on mobile devices. 
	// even if no event is actually bound the css dropdown works. if the binding is removed dropdown does no longer work.
	jQuery('.avia_mobile .sort-param').on('touchstart', function(){});	
		
});

/**
 * The ajax cart dropdown counter needs to be changed on cart page when user removes items or changes amount - 
 * we have to check for changed amount of products in cart dropdown to update the cart counter
 * (reacts on remove items and changes to quantity)
 */
function avia_cart_dropdown_changed()
{
	var the_html		= jQuery('html'),
	    cart			= jQuery('body').is('.woocommerce-cart'),
		cart_counter	= jQuery('.cart_dropdown .av-cart-counter'),
	    menu_cart		= jQuery('.cart_dropdown'),
		counter			= 0;

if( ! cart )
	{
		return;
	}
	
	menu_cart.find('.cart_list li .quantity').each(function(){
							counter += parseInt(jQuery(this).text(),10);
						});
						
	if( counter === 0 )
	{
		cart_counter.removeClass('av-active-counter').text(counter); 
		setTimeout( function() { the_html.removeClass('html_visible_cart'); }, 200);
	}
	else if( (cart_counter.length > 0 ) && ( counter > 0 ) )
	{
		setTimeout(function(){ 
				cart_counter.addClass('av-active-counter').text(counter); 
				the_html.addClass('html_visible_cart');
					}, 10); 
	}
	
	return;
}

//updates the shopping cart in the sidebar, hooks into the added_to_cart event whcih is triggered by woocommerce
function update_cart_dropdown(event)
{
	var the_html		= jQuery('html'),
		menu_cart 		= jQuery('.cart_dropdown'),
		cart_counter	= jQuery('.cart_dropdown .av-cart-counter'),
		empty 			= menu_cart.find('.empty'),
		msg_success		= menu_cart.data('success'),
		product 		= jQuery.extend({name:"Product", price:"", image:""}, avia_clicked_product),
		counter			= 0;
		
			//	trigger changed in WC 3.0.0 - must check for event explecit
		if( (empty.length > 0) && ( 'undefined' !== typeof event ) )
		{
			the_html.addClass('html_visible_cart');
		}
		
		if(typeof event !== 'undefined')
		{
			var header		 =  jQuery('.html_header_sticky #header_main .cart_dropdown_first, .html_header_sidebar #header_main .cart_dropdown_first'),
				oldTemplates = jQuery('.added_to_cart_notification').trigger('avia_hide'),
				template 	 = jQuery("<div class='added_to_cart_notification'><span class='avia-arrow'></span><div class='added-product-text'><strong>\"" + product.name +"\"</strong> "+ msg_success+ "</div> " + product.image +"</div>").css( 'opacity', 0 );
			
			if(!header.length) header = 'body';			
			
			template.on('mouseenter avia_hide', function()
			{
				template.animate({opacity:0, top: parseInt(template.css('top'), 10) + 15 }, function()
				{
					template.remove();
				});
				
			}).appendTo(header).animate({opacity:1},500);
			
			setTimeout(function(){ template.trigger('avia_hide'); }, 2500);
		}
		
			//	with WC 3.0.0 DOM is not ready - wrong calculation of counter (last element missing)
		setTimeout(function(){
						menu_cart.find('.cart_list li .quantity').each(function(){
							counter += parseInt(jQuery(this).text(),10);
						});

if( (cart_counter.length > 0) && (counter > 0) )
						{
							cart_counter.removeClass('av-active-counter');
							setTimeout(function(){ cart_counter.addClass('av-active-counter').text(counter); }, 10); 
						}
					}, 300 );
}

//function that pre fills the amount value of the cart
function first_load_amount()
{
	var counter = 0, 
		limit = 15, 
		ms = 500,
		check = function()
		{
			var new_total = jQuery('.cart_dropdown .dropdown_widget_cart:eq(0) .total .amount');
			
			if(new_total.length)
			{
				update_cart_dropdown();
			}
			else
			{
				counter++;
				if(counter < limit)
				{
					setTimeout(check, ms);
				}
			}
		};
		
		check();
		
		//display the cart for a short moment on page load if a product was added but no notice was delivered (eg template builder page)
		if (jQuery('.av-display-cart-on-load').length && jQuery('.woocommerce-message').length === 0)
		{
			var dropdown = jQuery('.cart_dropdown');
			setTimeout( function(){dropdown.trigger('mouseenter'); }, 500);
			setTimeout( function(){dropdown.trigger('mouseleave'); }, 2500);
		}
}

function product_add_to_cart_click()
{
	var jbody 		= jQuery('body'),
		catalogue 	= jQuery('.av-catalogue-item'),
		loader		= false;
		
	if(catalogue.length) loader	= jQuery.avia_utilities.loading();

jbody.on('click', '.add_to_cart_button', function(e)
	{
		var button = jQuery(this);
		button.parents('.product:eq(0)').addClass('adding-to-cart-loading').removeClass('added-to-cart-check');
		
		if(button.is('.av-catalogue-item'))
		{
			loader.show();
		}
		
		//e.preventDefault();
	});
	
	jbody.on( 'added_to_cart', function()
	{
		jQuery('.adding-to-cart-loading').removeClass('adding-to-cart-loading').addClass('added-to-cart-check');
		
		if(loader !== false)
		{
			loader.hide();
		}
	});
	
}

// little fixes and modifications to the dom
function cart_improvement_functions()
{
	//single products are added via ajax //doesnt work currently
	//jQuery('.summary .cart .button[type=submit]').addClass('add_to_cart_button product_type_simple');
	
	//downloadable products are now added via ajax as well
	jQuery('.product_type_downloadable, .product_type_virtual').addClass('product_type_simple');
	
	//clicking tabs dont activate smoothscrooling
	jQuery('.woocommerce-tabs .tabs a').addClass('no-scroll');
	
	//connect thumbnails on single product page via lightbox
	jQuery('.single-product-main-image>.images a').attr('rel','product_images[grouped]');

}

//small function that improves shoping cart hover behaviour in the menu
function cart_dropdown_improvement()
{
	var dropdown = jQuery('.cart_dropdown'), subelement = dropdown.find('.dropdown_widget').css({display:'none', opacity:0});
	
	dropdown.hover(
	function(){ subelement.css({display:'block'}).stop().animate({opacity:1}); },
	function(){ subelement.stop().animate({opacity:0}, function(){ subelement.css({display:'none'}); }); }
	);
}

Back