https://cdn-asset.skima.jp/js/skiweb/script.js?1601875846

1$(document).ready(function () {
2	/*==================================
3	Customs Script
4	====================================*/
5
6	// Product Details Modal Change large image when click thumb image
7	$(".modal-product-thumb a").click(function () {
8		var largeImage = $(this).find("img").attr('data-large');
9		$(".product-largeimg").attr('src', largeImage);
10		$(".zoomImg").attr('src', largeImage);
11	});
12
13	// collapse according add  active class
14	$('.collapseWill').on('click', function (e) {
15		$(this).toggleClass("pressed"); //you can list several class names
16		e.preventDefault();
17	});
18
19	$('.search-box .getFullSearch').on('click', function (e) {
20		$('.search-full').addClass("active"); //you can list several class names
21		e.preventDefault();
22	});
23
24	$('.search-close').on('click', function (e) {
25		$('.search-full').removeClass("active"); //you can list several class names
26		e.preventDefault();
27	});
28
29
30	// Customs tree menu script
31	$(".dropdown-tree-a").click(function () { //use a class, since your ID gets mangled
32		$(this).parent('.dropdown-tree').toggleClass("open-tree active"); //add the class to the clicked element
33	});
34
35
36	// Add to Wishlist Click Event	 // Only For Demo Purpose
37
38	$('.add-fav').click(function (e) {
39		e.preventDefault();
40		$(this).addClass("active"); // ADD TO WISH LIST BUTTON
41		$(this).attr('data-original-title', 'Added to Wishlist');// Change Tooltip text
42	});
43
44	// List view and Grid view
45
46	$(".change-view .list-view, .change-view-flat .list-view").click(function (e) { //use a class, since your ID gets mangled
47		e.preventDefault();
48		$('.item').addClass("list-view"); //add the class to the clicked element
49		$('.add-fav').attr("data-placement", $(this).attr("left"));
50		$('.categoryProduct > .item').detectGridColumns();
51	});
52
53	$(".change-view .grid-view, .change-view-flat .grid-view").click(function (e) { //use a class, since your ID gets mangled
54		e.preventDefault();
55		$('.item').removeClass("list-view"); //add the class to the clicked element
56
57		$('.categoryProduct > .item').detectGridColumns();
58		setTimeout( function(){
59				//  reload function after 0.5 second
60				$('.categoryProduct > .item').responsiveEqualHeightGrid();
61			}
62			, 500 );
63	});
64
65	// product details color switch
66	$(".swatches li").click(function () {
67		$(".swatches li.selected").removeClass("selected");
68		$(this).addClass('selected');
69
70	});
71
72	// Modal thumb link selected
73	$(".modal-product-thumb a").click(function () {
74		$(".modal-product-thumb a.selected").removeClass("selected");
75		$(this).addClass('selected');
76
77	});
78
79	if (/IEMobile/i.test(navigator.userAgent)) {
80		// Detect windows phone//..
81		$('.navbar-brand').addClass('windowsphone');
82	}
83
84	// top navbar IE & Mobile Device fix
85	var isMobile = function () {
86		//console.log("Navigator: " + navigator.userAgent);
87		return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent);
88	};
89
90	if (isMobile()) {
91		// For  mobile , ipad, tab
92		$('.introContent').addClass('ismobile');
93	} else {
94		$(function () {
95
96			//Keep track of last scroll
97			var tshopScroll = 0;
98			$(window).scroll(function (event) {
99				//Sets the current scroll position
100				var ts = $(this).scrollTop();
101				//Determines up-or-down scrolling
102				if (ts > tshopScroll) {
103					// downward-scrolling
104					$('.navbar').addClass('stuck');
105
106				} else {
107					// upward-scrolling
108					$('.navbar').removeClass('stuck');
109				}
110
111				if (ts < 600) {
112					// downward-scrolling
113					$('.navbar').removeClass('stuck');
114					//alert()
115				}
116
117				tshopScroll = ts;
118
119				//Updates scroll position
120			});
121		});
122	} // end Desktop else
123
124	/*==================================
125	Parallax
126	====================================*/
127	if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
128		// Detect ios User //
129		$('.parallax-section').addClass('isios');
130		$('.navbar-header').addClass('isios');
131		$('.blog-intro').addClass('isios');
132	}
133
134	if (/Android|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
135		// Detect Android User //
136		$('.parallax-section').addClass('isandroid');
137	}
138
139	if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
140		// Detect Mobile User // No parallax
141		$('.parallax-section').addClass('ismobile');
142		$('.parallaximg').addClass('ismobile');
143
144	} else {
145		// All Desktop
146		$(window).bind('scroll', function (e) {
147			parallaxScroll();
148		});
149
150		function parallaxScroll() {
151			var scrolledY = $(window).scrollTop();
152			var sc = ((scrolledY * 0.3)) + 'px';
153			$('.parallaximg').css('marginTop', '' + ((scrolledY * 0.3)) + 'px');
154		}
155
156
157		if ($(window).width() < 768) {
158		} else {
159			$('.parallax-image-aboutus').parallax("50%", 0, 0.2, true);
160			$('.parallaxbg').parallax("50%", 0, 0.2, true);
161		}
162	}
163
164
165	/*==================================
166	Custom Scrollbar for Dropdown Cart
167	====================================*/
168	/*
169	$(".scroll-pane").mCustomScrollbar({
170		advanced: {
171			updateOnContentResize: true
172
173		},
174
175		scrollButtons: {
176			enable: false
177		},
178
179		mouseWheelPixels: "200",
180		theme: "dark-2"
181
182	});
183
184
185	$(".smoothscroll").mCustomScrollbar({
186		advanced: {
187			updateOnContentResize: true
188
189		},
190
191		scrollButtons: {
192			enable: false
193		},
194
195		mouseWheelPixels: "100",
196		theme: "dark-2"
197
198	});
199	*/
200
201	/*==================================
202	Custom  animated.css effect
203	====================================*/
204
205	window.onload = (function () {
206		$(window).scroll(function () {
207			if ($(window).scrollTop() > 86) {
208				// Display something
209				$('.parallax-image-aboutus .animated').removeClass('fadeInDown');
210				$('.parallax-image-aboutus .animated').addClass('fadeOutUp');
211			} else {
212				// Display something
213				$('.parallax-image-aboutus .animated').addClass('fadeInDown');
214				$('.parallax-image-aboutus .animated').removeClass('fadeOutUp');
215
216
217			}
218
219			if ($(window).scrollTop() > 250) {
220				// Display something
221			} else {
222				// Display something
223
224			}
225
226		})
227	})
228
229
230	/*=======================================================================================
231	Code for tablet device || responsive check
232	========================================================================================*/
233
234
235	if ($(window).width() < 989) {
236		$('.collapseWill').trigger('click');
237
238	} else {
239		// ('More than 960');
240	}
241
242
243	$(".tbtn").click(function () {
244		$(".themeControll").toggleClass("active");
245	});
246
247
248	/*==================================
249	Global Plugin
250	====================================*/
251
252	// For stylish input check box
253
254	$(function () {
255		$("input[type='radio'].ion-check, input[type='checkbox'].ion-check").ionCheckRadio();
256	});
257
258	// cart quantity changer sniper
259	$("input[name='quanitySniper']").TouchSpin({
260		buttondown_class: "btn btn-link",
261		buttonup_class: "btn btn-link"
262	});
263
264
265	// bootstrap tooltip
266	// $('.tooltipHere').tooltip();
267	$('.tooltipHere').tooltip('hide')
268
269
270	// dropdown-menu  Fix || Stop just one dropdown toggle from closing on click
271
272	var options = [];
273
274	$(".dropdown-menu div, .dropdown-menu input[type='radio'], .dropdown-menu input[type='checkbox'], .dropdown-menu input[type='button']").on('click', function (event) {
275
276		var $target = $(event.currentTarget),
277			val = $target.attr('data-value'),
278			$inp = $target.find('input'),
279			idx;
280
281		if (( idx = options.indexOf(val) ) > -1) {
282			options.splice(idx, 1);
283			setTimeout(function () {
284				$inp.prop('checked', false)
285			}, 0);
286		} else {
287			options.push(val);
288			setTimeout(function () {
289				$inp.prop('checked', true)
290			}, 0);
291		}
292
293		$(event.target).blur();
294
295		console.log(options);
296		return false;

297	});
298
299
300	$('.dropdown-menu').find('input').click(function (e) {
301		e.stopPropagation();
302	});
303
304
305	// scroll to certain anchor/div
306
307	$(".scrollto").click(function (event) {
308		event.preventDefault();
309		//calculate destination place
310		var dest = 0;
311		if ($(this.hash).offset().top > $(document).height() - $(window).height()) {
312			dest = $(document).height() - $(window).height();
313		} else {
314			dest = $(this.hash).offset().top;
315		}
316		//go to destination
317		$('html,body').animate({scrollTop: dest - 1}, 500, 'swing');
318	});
319
320	//update screen after selection
321	$(".js__auto_submit_select").change(function(){
322		this.form.submit();
323	});
324
325
326
327});