https://www.winsolid-machining.com/wp-content/themes/winsolid/assets/js/global.js?ver=1718176846

1
2//global variables
3var responsiveflag = false;
4
5$(document).ready(function(){
6	highdpiInit();
7	responsiveResize();
8	$(window).resize(responsiveResize);
9	if (navigator.userAgent.match(/Android/i))
10	{
11		var viewport = document.querySelector('meta[name="viewport"]');
12		viewport.setAttribute('content', 'initial-scale=1.0,maximum-scale=1.0,user-scalable=0,width=device-width,height=device-height');
13		window.scrollTo(0, 1);
14	}
15	blockHover();
16	if (typeof quickView !== 'undefined' && quickView)
17		quick_view();
18	dropDown();
19
20	if (typeof page_name != 'undefined' && !in_array(page_name, ['index', 'product']))
21	{
22		bindGrid();
23
24 		$(document).on('change', '.selectProductSort', function(e){
25			if (typeof request != 'undefined' && request)
26				var requestSortProducts = request;
27 			var splitData = $(this).val().split(':');
28			if (typeof requestSortProducts != 'undefined' && requestSortProducts)
29				document.location.href = requestSortProducts + ((requestSortProducts.indexOf('?') < 0) ? '?' : '&') + 'orderby=' + splitData[0] + '&orderway=' + splitData[1];
30    	});
31
32		$(document).on('change', 'select[name="n"]', function(){
33			$(this.form).submit();
34		});
35
36		$(document).on('change', 'select[name="manufacturer_list"], select[name="supplier_list"]', function(){
37			autoUrl($(this).attr('id'), '');
38		});
39
40		$(document).on('change', 'select[name="currency_payement"]', function(){
41			setCurrency($(this).val());
42		});
43	}
44
45	$(document).on('click', '.back', function(e){
46		e.preventDefault();
47		history.back();
48	});
49	
50	jQuery.curCSS = jQuery.css;
51	if (!!$.prototype.cluetip)
52		$('a.cluetip').cluetip({
53			local:true,
54			cursor: 'pointer',
55			dropShadow: false,
56			dropShadowSteps: 0,
57			showTitle: false,
58			tracking: true,
59			sticky: false,
60			mouseOutClose: true,
61			fx: {             
62		    	open:       'fadeIn',
63		    	openSpeed:  'fast'
64			}
65		}).css('opacity', 0.8);
66
67	//if (!!$.prototype.fancybox)
68//		$.extend($.fancybox.defaults.tpl, {
69//			closeBtn : '<a title="' + FancyboxboxI18nClose + '" class="fancybox-item fancybox-close" href="javascript:;"></a>',
70//			next     : '<a title="' + FancyboxI18nNext + '" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
71//			prev     : '<a title="' + FancyboxI18nPrev + '" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
72//		});
73		
74		
75		
76		
77});
78
79function highdpiInit()
80{
81	if($('.replace-2x').css('font-size') == "1px")
82	{		
83		var els = $("img.replace-2x").get();
84		for(var i = 0; i < els.length; i++)
85		{
86			src = els[i].src;
87			extension = src.substr( (src.lastIndexOf('.') +1) );
88			src = src.replace("." + extension, "2x." + extension);
89			
90			var img = new Image();
91			img.src = src;
92			img.height != 0 ? els[i].src = src : els[i].src = els[i].src;
93		}
94	}
95}
96
97function responsiveResize()
98{
99	if ($(document).width() <= 767 && responsiveflag == false)
100	{
101		accordion('enable');
102	    accordionFooter('enable');
103		responsiveflag = true;	
104	}
105	else if ($(document).width() >= 768)
106	{
107		accordion('disable');
108		accordionFooter('disable');
109	    responsiveflag = false;
110	}
111}
112
113function blockHover(status)
114{
115
116}
117
118function quick_view()
119{
120	$(document).on('click', '.quick-view:visible', function(e) 
121	{
122		e.preventDefault();
123		var url = this.rel;
124		if (url.indexOf('?') != -1)
125			url += '&';
126		else
127			url += '?';
128
129		if (!!$.prototype.fancybox)
130			$.fancybox({
131				'padding':  0,
132				'width':    1087,
133				'height':   610,
134				'type':     'iframe',
135				'href':     url + 'content_only=1'
136			});
137	});
138}
139
140function bindGrid()
141{
142	var view = $.totalStorage('display');
143
144	if (view && view != 'grid')
145		display(view);
146	else
147		$('.display').find('li#grid').addClass('selected');
148	
149	$(document).on('click', '#grid', function(e){
150		e.preventDefault();
151		display('grid');
152	});
153
154	$(document).on('click', '#list', function(e){
155		e.preventDefault();
156		display('list');
157	});
158}
159
160function display(view)
161{
162	if (view == 'list')
163	{
164		$('ul.product_list').removeClass('grid').addClass('list row');
165		$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-4').addClass('col-xs-12');
166		$('.product_list > li').each(function(index, element) {
167			html = '';
168			html = '<div class="product-container"><div class="row">';
169				html += '<div class="left-block col-xs-4 col-xs-5 col-md-4">' + $(element).find('.left-block').html() + '</div>';
170				html += '<div class="center-block col-xs-4 col-xs-7 col-md-4">';
171					html += '<div class="product-flags">'+ $(element).find('.product-flags').html() + '</div>';
172					html += '<h5 itemprop="name">'+ $(element).find('h5').html() + '</h5>';
173					var rating = $(element).find('.comments_note').html(); // check : rating
174					if (rating != null) { 
175						html += '<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" class="comments_note">'+ rating + '</div>';
176					}
177					html += '<p class="product-desc">'+ $(element).find('.product-desc').html() + '</p>';
178					var colorList = $(element).find('.color-list-container').html();
179					if (colorList != null) {
180						html += '<div class="color-list-container">'+ colorList +'</div>';
181					}
182					var availability = $(element).find('.availability').html();	// check : catalog mode is enabled
183					if (availability != null) {
184						html += '<span class="availability">'+ availability +'</span>';
185					}
186				html += '</div>';	
187				html += '<div class="right-block col-xs-4 col-xs-12 col-md-4"><div class="right-block-content row">';
188					var price = $(element).find('.content_price').html();       // check : catalog mode is enabled
189					if (price != null) { 
190						html += '<div class="content_price col-xs-5 col-md-12">'+ price + '</div>';
191					}
192					html += '<div class="button-container col-xs-7 col-md-12">'+ $(element).find('.button-container').html() +'</div>';
193					html += '<div class="functional-buttons clearfix col-sm-12">' + $(element).find('.functional-buttons').html() + '</div>';
194				html += '</div>';
195			html += '</div></div>';
196		$(element).html(html);
197		});		
198		$('.display').find('li#list').addClass('selected');
199		$('.display').find('li#grid').removeAttr('class');
200		$.totalStorage('display', 'list');
201	}
202	else 
203	{
204		$('ul.product_list').removeClass('list').addClass('grid row');
205		$('.product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-6 col-md-4');
206		$('.product_list > li').each(function(index, element) {
207		html = '';
208		html += '<div class="product-container">';
209			html += '<div class="left-block">' + $(element).find('.left-block').html() + '</div>';
210			html += '<div class="right-block">';
211				html += '<div class="product-flags">'+ $(element).find('.product-flags').html() + '</div>';
212				html += '<h5 itemprop="name">'+ $(element).find('h5').html() + '</h5>';
213				var rating = $(element).find('.comments_note').html(); // check : rating
214					if (rating != null) { 
215						html += '<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" class="comments_note">'+ rating + '</div>';
216					}
217				html += '<p itemprop="description" class="product-desc">'+ $(element).find('.product-desc').html() + '</p>';
218				var price = $(element).find('.content_price').html(); // check : catalog mode is enabled
219					if (price != null) { 
220						html += '<div class="content_price">'+ price + '</div>';
221					}
222				html += '<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="button-container">'+ $(element).find('.button-container').html() +'</div>';
223				var colorList = $(element).find('.color-list-container').html();
224				if (colorList != null) {
225					html += '<div class="color-list-container">'+ colorList +'</div>';
226				}
227				var availability = $(element).find('.availability').html(); // check : catalog mode is enabled
228				if (availability != null) {
229					html += '<span class="availability">'+ availability +'</span>';
230				}
231			html += '</div>';
232			html += '<div class="functional-buttons clearfix">' + $(element).find('.functional-buttons').html() + '</div>';
233		html += '</div>';		
234		$(element).html(html);
235		});
236		$('.display').find('li#grid').addClass('selected');
237		$('.display').find('li#list').removeAttr('class');
238		$.totalStorage('display', 'grid');
239	}	
240}
241
242function dropDown() 
243{
244	elementClick = '#header .current';
245	elementSlide =  'ul.toogle_content';       
246	activeClass = 'active';			 
247
248	$(elementClick).on('click', function(e){

249		e.stopPropagation();
250		var subUl = $(this).next(elementSlide);
251		if(subUl.is(':hidden'))
252		{
253			subUl.slideDown();
254			$(this).addClass(activeClass);	
255		}
256		else
257		{
258			subUl.slideUp();
259			$(this).removeClass(activeClass);
260		}
261		$(elementClick).not(this).next(elementSlide).slideUp();
262		$(elementClick).not(this).removeClass(activeClass);
263		e.preventDefault();
264	});
265
266	$(elementSlide).on('click', function(e){
267		e.stopPropagation();
268	});
269
270	$(document).on('click', function(e){
271		e.stopPropagation();
272		var elementHide = $(elementClick).next(elementSlide);
273		$(elementHide).slideUp();
274		$(elementClick).removeClass('active');
275	});
276}
277
278function accordionFooter(status)
279{
280	if(status == 'enable')
281	{
282		$('#footer .footer-block h4').on('click', function(){
283			$(this).toggleClass('active').parent().find('.toggle-footer').stop().slideToggle('medium');
284		})
285		$('#footer').addClass('accordion').find('.toggle-footer').slideUp('fast');
286	}
287	else
288	{
289		$('.footer-block h4').removeClass('active').off().parent().find('.toggle-footer').removeAttr('style').slideDown('fast');
290		$('#footer').removeClass('accordion');
291	}
292}
293
294function accordion(status)
295{
296	leftColumnBlocks = $('#left_column');
297	if(status == 'enable')
298	{
299		$('#right_column .block:not(#layered_block_left) .title_block, #left_column .block:not(#layered_block_left) .title_block, #left_column #newsletter_block_left h4').on('click', function(){
300			$(this).toggleClass('active').parent().find('.block_content').stop().slideToggle('medium');
301		})
302		$('#right_column, #left_column').addClass('accordion').find('.block:not(#layered_block_left) .block_content').slideUp('fast');
303	}
304	else
305	{
306		$('#right_column .block:not(#layered_block_left) .title_block, #left_column .block:not(#layered_block_left) .title_block, #left_column #newsletter_block_left h4').removeClass('active').off().parent().find('.block_content').removeAttr('style').slideDown('fast');
307		$('#left_column, #right_column').removeClass('accordion');
308	}
309}